/*
============================================================
T360 COURSE BLOCKS
Tutor LMS scoped styling
============================================================
*/


/* =========================================================
   GLOBAL RESET FOR T360 BLOCKS
========================================================= */

.t360-block,
.t360-block *,
.t360-block *::before,
.t360-block *::after {
    box-sizing: border-box !important;
}


.tutor-course-details-content .t360-block,
.tutor-course-details-page .t360-block,
.tutor-course-content .t360-block,
.t360-block {

    display: block !important;

    position: static !important;

    float: none !important;

    clear: both !important;

    width: 100% !important;

    max-width: 100% !important;

    height: auto !important;

    min-height: 0 !important;

    max-height: none !important;

    margin: 0 !important;

    padding: 22px 26px 25px !important;

    background: #252525 !important;

    background-color: #252525 !important;

    color: #d8dce2 !important;

    font-family: Arial, Helvetica, sans-serif !important;

    font-size: 13px !important;

    font-weight: 400 !important;

    line-height: 1.4 !important;

    text-align: left !important;

    transform: none !important;

    gap: 0 !important;

    border: 0 !important;

    border-radius: 0 !important;

    overflow: hidden !important;
}


/*
Remove theme/Tutor positioning or flex behaviour.
*/

.t360-block > * {

    position: static !important;

    float: none !important;

    transform: none !important;

    top: auto !important;

    right: auto !important;

    bottom: auto !important;

    left: auto !important;

    height: auto !important;

    min-height: 0 !important;

    max-height: none !important;

    text-align: left !important;
}



/* =========================================================
   MAIN HEADINGS
========================================================= */

.t360-block .t360-main-title,
.t360-block h2.t360-main-title {

    display: block !important;

    width: 100% !important;

    margin: 0 0 12px !important;

    padding: 0 !important;

    color: #c9d6f5 !important;

    background: transparent !important;

    font-family: Arial, Helvetica, sans-serif !important;

    font-size: 27px !important;

    font-weight: 700 !important;

    font-style: normal !important;

    line-height: 1.2 !important;

    letter-spacing: 0 !important;

    text-align: left !important;
}



/* =========================================================
   SECTION HEADINGS
========================================================= */

.t360-block .t360-section-title,
.t360-block h3.t360-section-title {

    display: block !important;

    width: 100% !important;

    margin: 13px 0 9px !important;

    padding: 0 !important;

    color: #00aeba !important;

    background: transparent !important;

    font-family: Arial, Helvetica, sans-serif !important;

    font-size: 21px !important;

    font-weight: 700 !important;

    font-style: normal !important;

    line-height: 1.25 !important;

    letter-spacing: 0 !important;

    text-align: left !important;
}



/* =========================================================
   STANDARD BODY TEXT
========================================================= */

.t360-block .t360-intro,
.t360-block .t360-body-text {

    display: block !important;

    margin: 0 0 12px !important;

    padding: 0 !important;

    color: #d0d4da !important;

    background: transparent !important;

    font-family: Arial, Helvetica, sans-serif !important;

    font-size: 13px !important;

    font-weight: 400 !important;

    line-height: 1.45 !important;

    text-align: left !important;
}



/* =========================================================
   PROGRAMME OVERVIEW
========================================================= */

.t360-programme-overview {

    background: #252525 !important;
}



/* =========================================================
   PROGRAMME COURSE GRID
========================================================= */

.t360-programme-overview .t360-course-grid {

    display: grid !important;

    grid-template-columns:
        18% 17% 19% 46% !important;

    width: calc(100% - 30px) !important;

    max-width: none !important;

    height: auto !important;

    min-height: 0 !important;

    margin: 12px 15px 13px !important;

    padding: 0 !important;

    gap: 0 !important;

    background: transparent !important;

    border-top: 1px solid #56636d !important;

    border-left: 1px solid #56636d !important;

    overflow: hidden !important;
}


.t360-programme-overview .t360-course-head {

    display: block !important;

    height: auto !important;

    min-height: 0 !important;

    margin: 0 !important;

    padding: 3px 8px !important;

    background: #c5d4f2 !important;

    color: #25313a !important;

    border-right: 1px solid #56636d !important;

    border-bottom: 1px solid #56636d !important;

    font-family: Arial, Helvetica, sans-serif !important;

    font-size: 12px !important;

    font-weight: 700 !important;

    line-height: 1.2 !important;

    text-align: left !important;

    vertical-align: top !important;
}


.t360-programme-overview .t360-course-cell {

    display: block !important;

    height: auto !important;

    min-height: 0 !important;

    margin: 0 !important;

    padding: 4px 8px !important;

    background: #303b42 !important;

    color: #dce1e8 !important;

    border-right: 1px solid #56636d !important;

    border-bottom: 1px solid #56636d !important;

    font-family: Arial, Helvetica, sans-serif !important;

    font-size: 12px !important;

    font-weight: 400 !important;

    line-height: 1.3 !important;

    text-align: left !important;

    vertical-align: top !important;
}


.t360-programme-overview .t360-course-cell strong {

    color: #dce1e8 !important;

    font-weight: 700 !important;
}



/* =========================================================
   FOUNDATION GRID
========================================================= */

.t360-programme-overview .t360-foundation-grid {

    display: grid !important;

    grid-template-columns: 1fr 1fr !important;

    width: 92% !important;

    max-width: 670px !important;

    height: auto !important;

    min-height: 0 !important;

    margin: 7px auto 13px !important;

    padding: 0 !important;

    gap: 0 !important;

    background: transparent !important;

    border-top: 1px solid #56636d !important;

    border-left: 1px solid #56636d !important;
}


.t360-programme-overview .t360-foundation-item {

    display: block !important;

    height: auto !important;

    min-height: 0 !important;

    margin: 0 !important;

    padding: 3px 7px !important;

    background: #303b42 !important;

    color: #dce1e8 !important;

    border-right: 1px solid #56636d !important;

    border-bottom: 1px solid #56636d !important;

    font-family: Arial, Helvetica, sans-serif !important;

    font-size: 12px !important;

    font-weight: 400 !important;

    line-height: 1.25 !important;

    text-align: left !important;
}


.t360-programme-overview .t360-foundation-item strong {

    display: block !important;

    margin: 0 0 1px !important;

    padding: 0 !important;

    color: #00b5bf !important;

    background: transparent !important;

    font-family: Arial, Helvetica, sans-serif !important;

    font-size: 12px !important;

    font-weight: 700 !important;

    line-height: 1.25 !important;

    text-align: left !important;
}


.t360-programme-overview .t360-foundation-item span {

    display: block !important;

    margin: 0 !important;

    padding: 0 !important;

    color: #dce1e8 !important;

    font-family: Arial, Helvetica, sans-serif !important;

    font-size: 12px !important;

    line-height: 1.25 !important;

    text-align: left !important;
}



/* =========================================================
   DISTINCTIVE SECTION
========================================================= */

.t360-programme-overview .t360-distinctive {

    display: block !important;

    width: auto !important;

    height: auto !important;

    min-height: 0 !important;

    margin: 0 14px !important;

    padding: 0 !important;

    text-align: left !important;
}


.t360-programme-overview .t360-distinctive p {

    display: block !important;

    width: 100% !important;

    height: auto !important;

    min-height: 0 !important;

    margin: 0 0 6px !important;

    padding: 0 !important;

    color: #d7dbe3 !important;

    background: transparent !important;

    font-family: Arial, Helvetica, sans-serif !important;

    font-size: 13px !important;

    font-weight: 400 !important;

    line-height: 1.45 !important;

    text-align: left !important;
}


.t360-programme-overview .t360-distinctive strong {

    color: #d8b8ef !important;

    font-weight: 700 !important;
}



/* =========================================================
   DELIVERY BLOCK
========================================================= */

.tutor-course-details-content .t360-delivery,
.tutor-course-details-page .t360-delivery,
.tutor-course-content .t360-delivery,
.t360-delivery {

    display: block !important;

    width: 100% !important;

    max-width: 100% !important;

    height: auto !important;

    min-height: 0 !important;

    max-height: none !important;

    margin: 0 !important;

    padding: 22px 26px 25px !important;

    background: #252525 !important;

    color: #d8dce2 !important;

    text-align: left !important;

    overflow: hidden !important;

    justify-content: initial !important;

    align-items: initial !important;

    gap: 0 !important;
}



/* =========================================================
   DELIVERY INTRO
========================================================= */

.t360-delivery .t360-delivery-intro {

    display: block !important;

    width: 100% !important;

    height: auto !important;

    min-height: 0 !important;

    margin: 0 0 12px !important;

    padding: 0 !important;

    color: #bcc3d2 !important;

    background: transparent !important;

    font-family: Arial, Helvetica, sans-serif !important;

    font-size: 13px !important;

    font-weight: 400 !important;

    font-style: italic !important;

    line-height: 1.45 !important;

    text-align: left !important;
}



/* =========================================================
   DELIVERY GRID
========================================================= */

.t360-delivery .t360-delivery-grid {

    display: grid !important;

    grid-template-columns: 21% 79% !important;

    width: calc(100% - 68px) !important;

    max-width: none !important;

    height: auto !important;

    min-height: 0 !important;

    margin: 12px 34px 13px !important;

    padding: 0 !important;

    gap: 0 !important;

    background: transparent !important;

    border-top: 1px solid #56636d !important;

    border-left: 1px solid #56636d !important;

    text-align: left !important;

    overflow: hidden !important;
}


.t360-delivery .t360-delivery-label {

    display: block !important;

    height: auto !important;

    min-height: 0 !important;

    margin: 0 !important;

    padding: 3px 9px !important;

    background: #303b42 !important;

    color: #00b5bf !important;

    border-right: 1px solid #56636d !important;

    border-bottom: 1px solid #56636d !important;

    font-family: Arial, Helvetica, sans-serif !important;

    font-size: 12px !important;

    font-weight: 700 !important;

    line-height: 1.3 !important;

    text-align: left !important;

    align-self: stretch !important;
}


.t360-delivery .t360-delivery-value {

    display: block !important;

    height: auto !important;

    min-height: 0 !important;

    margin: 0 !important;

    padding: 3px 9px !important;

    background: #303b42 !important;

    color: #dbe0e5 !important;

    border-right: 1px solid #56636d !important;

    border-bottom: 1px solid #56636d !important;

    font-family: Arial, Helvetica, sans-serif !important;

    font-size: 12px !important;

    font-weight: 400 !important;

    line-height: 1.3 !important;

    text-align: left !important;

    align-self: stretch !important;
}



/* =========================================================
   LEARNING RHYTHM
========================================================= */

.t360-delivery .t360-rhythm {

    display: block !important;

    width: auto !important;

    height: auto !important;

    min-height: 0 !important;

    margin: 0 15px !important;

    padding: 0 !important;

    text-align: left !important;
}


.t360-delivery .t360-rhythm p {

    display: flex !important;

    flex-direction: row !important;

    align-items: baseline !important;

    flex-wrap: wrap !important;

    width: 100% !important;

    height: auto !important;

    min-height: 0 !important;

    margin: 0 0 5px !important;

    padding: 0 !important;

    color: #d7d9df !important;

    background: transparent !important;

    font-family: Arial, Helvetica, sans-serif !important;

    font-size: 13px !important;

    font-weight: 400 !important;

    line-height: 1.45 !important;

    text-align: left !important;

    gap: 0 !important;
}


.t360-delivery .t360-rhythm strong {

    display: inline !important;

    margin: 0 6px 0 0 !important;

    padding: 0 !important;

    color: #00b5bf !important;

    font-weight: 700 !important;

    white-space: nowrap !important;
}


.t360-delivery .t360-rhythm span {

    display: inline !important;

    margin: 0 !important;

    padding: 0 !important;

    color: #d7d9df !important;

    font-size: 13px !important;

    line-height: 1.45 !important;
}



/* =========================================================
   REMOVE EMPTY WORDPRESS ELEMENTS
========================================================= */

.t360-block p:empty,
.t360-block div:empty {

    display: none !important;

    width: 0 !important;

    height: 0 !important;

    min-height: 0 !important;

    margin: 0 !important;

    padding: 0 !important;

    border: 0 !important;
}



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

@media only screen and (max-width: 767px) {

    .tutor-course-details-content .t360-block,
    .tutor-course-details-page .t360-block,
    .tutor-course-content .t360-block,
    .t360-block {

        padding: 17px 15px 20px !important;
    }


    .t360-block .t360-main-title {

        font-size: 23px !important;
    }


    .t360-block .t360-section-title {

        font-size: 19px !important;
    }


    /* Programme table */

    .t360-programme-overview .t360-course-grid {

        width: 100% !important;

        margin: 10px 0 13px !important;

        grid-template-columns: 1fr !important;
    }


    .t360-programme-overview .t360-course-head {

        display: none !important;
    }


    .t360-programme-overview .t360-course-cell {

        border-left: 0 !important;
    }


    /* Foundation */

    .t360-programme-overview .t360-foundation-grid {

        width: 100% !important;

        max-width: 100% !important;

        grid-template-columns: 1fr !important;
    }


    .t360-programme-overview .t360-distinctive {

        margin-left: 0 !important;

        margin-right: 0 !important;
    }


    /* Delivery table */

    .t360-delivery .t360-delivery-grid {

        width: 100% !important;

        margin: 10px 0 13px !important;

        grid-template-columns: 1fr !important;
    }


    .t360-delivery .t360-delivery-label {

        padding: 5px 8px 2px !important;

        border-bottom: 0 !important;
    }


    .t360-delivery .t360-delivery-value {

        padding: 2px 8px 6px !important;
    }


    .t360-delivery .t360-rhythm {

        margin: 0 !important;
    }
}





/* =========================================================
   AI READY COURSE
========================================================= */

.t360-ai-ready-course {
    background: #252525 !important;
    color: #d8dce2 !important;
}


/* Subtitle */

.t360-ai-ready-course .t360-course-subtitle {
    display: block !important;

    margin: 0 0 13px !important;
    padding: 0 !important;

    color: #b9c0d0 !important;

    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 13px !important;
    font-style: italic !important;
    line-height: 1.45 !important;

    text-align: left !important;
}


/* =========================================================
   COURSE DETAILS TABLE
========================================================= */

.t360-ai-ready-course .t360-details-grid {
    display: grid !important;

    grid-template-columns: 22% 78% !important;

    width: calc(100% - 68px) !important;

    margin: 12px 34px 50px !important;

    padding: 0 !important;

    gap: 0 !important;

    border-top: 1px solid #56636d !important;
    border-left: 1px solid #56636d !important;
}


.t360-ai-ready-course .t360-details-label {
    display: block !important;

    margin: 0 !important;
    padding: 3px 9px !important;

    background: #243d3b !important;
    color: #00b5bf !important;

    border-right: 1px solid #56636d !important;
    border-bottom: 1px solid #56636d !important;

    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;

    text-align: left !important;
}


.t360-ai-ready-course .t360-details-value {
    display: block !important;

    margin: 0 !important;
    padding: 3px 9px !important;

    background: #303234 !important;
    color: #dce1e8 !important;

    border-right: 1px solid #56636d !important;
    border-bottom: 1px solid #56636d !important;

    font-size: 12px !important;
    line-height: 1.3 !important;

    text-align: left !important;
}


/* =========================================================
   MODULE HEADING
========================================================= */

.t360-ai-ready-course .t360-module-heading {
    margin-top: 0 !important;
    margin-bottom: 10px !important;
}


/* =========================================================
   MODULE TABLE
========================================================= */

.t360-ai-ready-course .t360-module-grid {
    display: grid !important;

    grid-template-columns:
        9% 68% 12% 11% !important;

    width: calc(100% - 68px) !important;

    margin: 0 34px !important;

    padding: 0 !important;

    gap: 0 !important;

    border-top: 1px solid #56636d !important;
    border-left: 1px solid #56636d !important;
}


.t360-ai-ready-course .t360-module-head {
    display: block !important;

    margin: 0 !important;
    padding: 3px 8px !important;

    background: #d3b2f1 !important;
    color: #25313a !important;

    border-right: 1px solid #56636d !important;
    border-bottom: 1px solid #56636d !important;

    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;

    text-align: left !important;
}


.t360-ai-ready-course .t360-module-cell {
    display: block !important;

    margin: 0 !important;
    padding: 8px 9px !important;

    background: #303b42 !important;
    color: #dce1e8 !important;

    border-right: 1px solid #56636d !important;
    border-bottom: 1px solid #56636d !important;

    font-size: 12px !important;
    line-height: 1.35 !important;

    text-align: left !important;
}


.t360-ai-ready-course .t360-module-cell strong {
    color: #dce1e8 !important;
    font-weight: 400 !important;
}


/* Alternate rows like your design */

.t360-ai-ready-course .t360-module-grid
.t360-module-cell:nth-child(n+9):nth-child(-n+12),

.t360-ai-ready-course .t360-module-grid
.t360-module-cell:nth-child(n+17):nth-child(-n+20) {

    background: #252525 !important;
}


.t360-ai-ready-course .t360-module-code {
    font-weight: 700 !important;

    display: flex !important;
    align-items: center !important;
}


.t360-ai-ready-course .t360-hours-cell {
    display: flex !important;
    align-items: center !important;
}


.t360-ai-ready-course .t360-session-cell {
    font-size: 11px !important;
}


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

@media only screen and (max-width: 767px) {

    .t360-ai-ready-course .t360-details-grid {

        width: 100% !important;

        margin: 10px 0 30px !important;

        grid-template-columns: 1fr !important;
    }


    .t360-ai-ready-course .t360-details-label {

        padding-bottom: 2px !important;

        border-bottom: 0 !important;
    }


    .t360-ai-ready-course .t360-details-value {

        padding-top: 2px !important;
    }


    .t360-ai-ready-course .t360-module-grid {

        width: 100% !important;

        margin: 0 !important;

        grid-template-columns:
            12% 48% 25% 15% !important;
    }


    .t360-ai-ready-course .t360-module-head,
    .t360-ai-ready-course .t360-module-cell {

        padding: 5px !important;

        font-size: 11px !important;
    }


    .t360-ai-ready-course .t360-session-cell {

        font-size: 10px !important;
    }
}