/*:root {*/
/*    --bg-color-2: #1c242f;*/
/*}*/

#setting {
    display: none !important;
}

body[data-theme="dark"] {
    background-color: #111822;
}

.hero {
    background-size: unset;
    background-position: unset;
    height: 10rem;
    background-color: #111822 !important;
    position: unset !important;
}

body[data-theme="dark"] #sidebar {
    background-color: #020b17;
}

#sidebar .podcast-logo-image img {
    width: 50px;
    height: 50px;
}

body[data-sidebar-toggle="true"] #sidebar .podcast-logo-image {
    display: none !important;
}

.cover.cover--round .cover__image img {
    max-height: 240px;
    /*min-height: 150px;*/
}

.host-image img {
    max-height: 350px !important;
}

#podcast-pagination {
    margin-top: 30px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.margin-bottom-fixer {
    margin-bottom: 110px;
}

/* Start rate input styles */
.rate-container {
    direction: ltr;
}

.rate label {
    line-height: 22px !important;
    padding-right: 30px !important;
}

.rate {
    /*float: left;*/
    /*height: 46px;*/
    padding: 0 10px;
}

.rate:not(:checked) > input {
    opacity: 0;
}

.rate:not(:checked) > label {
    float: right;
    width: 1em;
    overflow: hidden;
    white-space: nowrap;
    cursor: pointer;
    font-size: 30px;
    color: #ccc;
}

.rate:not(:checked) > label:before {
    content: '★ ';
    background-color: #111822;
    border: none;
}

.rate > input:checked ~ label {
    color: #ffc700;
}

.rate:not(:checked) > label:hover,
.rate:not(:checked) > label:hover ~ label {
    color: #deb217;
}

.rate > input:checked + label:hover,
.rate > input:checked + label:hover ~ label,
.rate > input:checked ~ label:hover,
.rate > input:checked ~ label:hover ~ label,
.rate > label:hover ~ input:checked ~ label {
    color: #c59b08;
}

/* End rate input styles */

.swal2-title {
    color: inherit !important;
}

.empty-warning {
    /*padding: 5px 0 10px 0;*/
    color: var(--color-orange-4);
    text-align: right;
}

.empty-error {
    /*padding: 5px 0 10px 0;*/
    color: var(--color-red-4);
    text-align: right;
}

.notification-icon-2 {
    font-size: 100px;
}

.cover.cover--round .cover__image img.cover__image-none {
    max-width: initial !important;
    max-height: initial !important;
}

.add-to-playlist-section {
    width: 500px;
    padding: 10px;
    border-radius: 10px;
}

.playlist-item img {
    width: 50px;
    max-height: 50px;
}

@media (min-width: 992px) {
    body[data-sidebar-toggle="true"] #sidebar .sidebar-body .navbar .podcast-playlist-add-btn {
        display: none !important;
    }
}


@media (min-width: 1200px) {


}

@media (max-width: 1199px) {

}

@media (max-width: 1023px) {
    .add-to-playlist-section {
        transform: translate(-160px) !important;
    }

    .player-control {
        flex: 1.5;
    }
}

@media (max-width: 992px) {


}

@media (max-width: 991px) {
    .add-to-playlist-section {
        transform: translate(0px) !important;
    }
}

@media (max-width: 767px) {
    .player-info {
        flex: .3;
    }

    .player-control {
        flex: 1;
    }
}

@media (max-width: 600px) {
}


@media (max-width: 575px) {

}

@media (max-width: 500px) {
    .add-to-playlist-section {
        width: 350px;
    }

    .btn.btn-icon {
        padding-right: 0.2375rem;
        padding-left: 0.2375rem;
    }

    [class*=" ri-"], [class^="ri-"] {
        font-size: 1.2rem;
    }
}

@media (max-width: 375px) {
    .player-info {
        display: none;
    }

    .add-to-playlist-section {
        width: 300px;
    }

    .playlist-item img {
        width: 35px;
        max-height: 35px;
    }

    .playlist-item span {
        font-size: 12px !important;
    }

    .playlist-item .panel-custom-btn {
        font-size: 10px !important;
    }

    .podcast-player-image-section {
        display: none !important;
    }
}