/* * {
    color: red !important
} */

/* all software courses pages */

.page-container {
    margin: 0px 10px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    /* min-height: 100vh; */
}

div.show-content:has(.page-container)>.page-title {
    display: none
        /* Apply styles to .previous if .target exists as its sibling */
}

.page-container header {
    padding: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 36px;
    width: auto;
    position: sticky;
    top: 0;
}

.page-container h1 {
    font-size: 30px !important;
}

.page-container.schedule h1::before {
    content: "📅 "
}

.page-container.week-schedule h1::before {
    content: "🚀 "
}

.page-container.footer {
    padding: 20px;
}

.page-container footer p {
    font-size: 14px;
    text-align: center;
}

.page-container .content-container {
    padding: 0px 5em;
}

.page-container header .logo {
    height: 40px;
    /* aspect-ratio: 820 / 295; */
    width: calc(40px * (820 / 295));
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

/* FAQ pages specfics */

.page-container.faq header,
.page-container.faq footer {
    background-color: #fed02f;
    color: #003673;
}

.page-container.faq header .logo {
    background-image: url(/courses/8/files/477/preview);
}

/* Schedule pages specfics */

.page-container.schedule header,
.page-container.schedule footer,
.page-container.week-schedule header,
.page-container.week-schedule footer {
    background-color: #2699c6;
    color: white;
}

.page-container.schedule .time-block,
.page-container.week-schedule .time-block {
    padding: 0px 1.5em;
}

.page-container.schedule .time,
.page-container.week-schedule .time {
    display: inline-block;
    padding: 0.5em 1em;
    font-size: 0.875em;
    font-weight: bold;
    color: #003673 !important;
    /* background-color: #007bff; */
    border: 2px solid #2699c6;
    /* Change to your preferred border color */
    border-radius: 12px;
    /* Adjust the radius as needed */
    text-align: center;
}

.page-container.schedule .time::before {
    content: "🕒 ";
    margin-right: 5px;
    /* Optional: spacing between added text and the element */
}

.page-container.week-schedule .time::before {
    content: "📅 ";
    margin-right: 5px;
    /* Optional: spacing between added text and the element */
}

.page-container.week-schedule .time:hover {
    background-color: #fed02f;
    color: #003673;
}

.page-container.schedule header .logo,
.page-container.week-schedule header .logo {
    background-image: url(/courses/8/files/476/preview);
}

.page-container.week-schedule header>h1>span {
    padding: 0 0 0 38px;
    font-size: 0.8em;
}