/* Show it's not fixed to the top */
body {

}

/* layout */
@media (min-width: 992px) {
    main {
        height: calc(100vh - 6rem);
        overflow: hidden;
    }

    nav {
        height: 6rem;
    }
}

@media (max-width: 991px) {
    #column-left, #column-right {
        min-height: 30rem;
    }
}

@media (max-width: 767px) {
    #column-left, #column-right {
        min-height: 20rem;
    }
}

@media (max-width: 575px) {
    #column-left, #column-right {
        min-height: 15rem;
    }
}

#container-full-height {
    height: calc(100vh - 6rem);
    overflow: hidden;
}

.custom-bg-1 {
    position: relative;
    background-image: url("../images/ders-bg-1.png");
    background-position: center center;
    background-size: cover;
}

.custom-bg-2 {
    position: relative;
    background-image: url("../images/ders-bg-2.png");
    background-position: center center;
    background-size: cover;
}

/* logo */
.navbar-brand img {
    max-height: 4rem;
}

[data-bs-theme="dark"] .navbar-brand img[color-scheme="light"] {
    display: none;
}

[data-bs-theme="light"] .navbar-brand img[color-scheme="dark"] {
    display: none;
}


/* colors */
[data-bs-theme="dark"] .bg-light-subtle {
    background-color: rgba(52, 58, 64, 0.75) !important;
}
[data-bs-theme="light"] .bg-light-subtle {
    background-color: rgba(252, 252, 253, 0.75) !important;
}


/* player */
iframe, video {
    object-fit: fill;
}

.h-100 .plyr {
    height: 100%;
}

.w-100 .plyr {
    width: 100%;
}

.plyr__poster {
    background-size: cover !important;
}

.rounded .plyr {
    border-radius: var(--bs-border-radius) !important;
}

/* dark mode switcher */
#bd-theme svg {
    fill: var(--bs-btn-color);
}

#bd-theme:hover svg {
    fill: var(--bs-btn-hover-color);
}

#bd-theme.show svg {
    fill: var(--bs-btn-active-color);
}

/* line-height */
.lh-0_5 {
    line-height: .5;
}

/* font size */
.fs-1rem {
    font-size: 1rem;
}

.fs-1_5rem {
    font-size: 1.5rem;
}

.fs-2rem {
    font-size: 2rem;
}

.fs-2_5rem {
    font-size: 2.5rem;
}

.fs-3rem {
    font-size: 3rem;
}

.fs-4rem {
    font-size: 4rem;
}

.fs-5rem {
    font-size: 5rem;
}

@media (min-width: 576px) {
    .fs-sm-1rem {
        font-size: 1rem;
    }

    .fs-sm-1_5rem {
        font-size: 1.5rem;
    }

    .fs-sm-2rem {
        font-size: 2rem;
    }

    .fs-sm-2_5rem {
        font-size: 2.5rem;
    }

    .fs-sm-3rem {
        font-size: 3rem;
    }

    .fs-sm-4rem {
        font-size: 4rem;
    }

    .fs-sm-5rem {
        font-size: 5rem;
    }
}

@media (min-width: 768px) {
    .fs-md-1rem {
        font-size: 1rem;
    }

    .fs-md-1_5rem {
        font-size: 1.5rem;
    }

    .fs-md-2rem {
        font-size: 2rem;
    }

    .fs-md-2_5rem {
        font-size: 2.5rem;
    }

    .fs-md-3rem {
        font-size: 3rem;
    }

    .fs-md-4rem {
        font-size: 4rem;
    }

    .fs-md-5rem {
        font-size: 5rem;
    }
}

@media (min-width: 992px) {
    .fs-lg-1rem {
        font-size: 1rem;
    }

    .fs-lg-1_5rem {
        font-size: 1.5rem;
    }

    .fs-lg-2rem {
        font-size: 2rem;
    }

    .fs-lg-2_5rem {
        font-size: 2.5rem;
    }

    .fs-lg-3rem {
        font-size: 3rem;
    }

    .fs-lg-4rem {
        font-size: 4rem;
    }

    .fs-lg-5rem {
        font-size: 5rem;
    }
}

@media (min-width: 1200px) {
    .fs-xl-1rem {
        font-size: 1rem;
    }

    .fs-xl-1_5rem {
        font-size: 1.5rem;
    }

    .fs-xl-2rem {
        font-size: 2rem;
    }

    .fs-xl-2_5rem {
        font-size: 2.5rem;
    }

    .fs-xl-3rem {
        font-size: 3rem;
    }

    .fs-xl-4rem {
        font-size: 4rem;
    }

    .fs-xl-5rem {
        font-size: 5rem;
    }
}

@media (min-width: 1400px) {
    .fs-xxl-1rem {
        font-size: 1rem;
    }

    .fs-xxl-1_5rem {
        font-size: 1.5rem;
    }

    .fs-xxl-2rem {
        font-size: 2rem;
    }

    .fs-xxl-2_5rem {
        font-size: 2.5rem;
    }

    .fs-xxl-3rem {
        font-size: 3rem;
    }

    .fs-xxl-4rem {
        font-size: 4rem;
    }

    .fs-xxl-5rem {
        font-size: 5rem;
    }
}