/*
--
-- player - larger seek event click-zone
--
*/

.player-container .rmp-time-total::after {
    background-color: rgba(255, 255, 255, 0);
}

.player-container .rmp-time-total::after {
    top: 50%;
    transform: translate(0, -50%);
}

.player-container .rmp-time-total::after {
    content: '';
    display: block;
    width: 100%;
    border-radius: 8px;
    left: 0;
    position: absolute;
}

.player-container .rmp-time-total::after {
    height: 38px;
}

.player-container .rmp-indicator {
    z-index: 0;
}

/*
--
-- cookies_banner fix
--
*/
#cookies_banner {
    left: 0;
}

/*
--
-- font face
--
*/
@font-face {
    font-family: 'Futura Std';
    font-style: normal;
    font-weight: 400;
    src: local('Futura Std'), url(../uploads/1a60d0953f607d79130f38ae039861962ce5edb8/b30775d4e0981a91c3261150f01fde9aafdddc75/FuturaStdBook.woff) format('woff'),
        url(../uploads/1a60d0953f607d79130f38ae039861962ce5edb8/452d244e517a794666dfd9b34b410df3103231ef/FuturaStd-Book.ttf) format('truetype');
}

@font-face {
    font-family: 'Futura Std';
    font-style: normal;
    font-weight: 600;
    src: url(../uploads/1a60d0953f607d79130f38ae039861962ce5edb8/f85623d42ba94db3e500fd4a943826defca4b2e4/FuturaStdBold.woff) format('woff'),
        url(../uploads/1a60d0953f607d79130f38ae039861962ce5edb8/a292cacb9a39f81d7fe958de49d307a329f9d6dd/FuturaStd-Bold.ttf) format('truetype');
}

@font-face {
    font-family: 'Futura Std';
    font-style: normal;
    font-weight: 700;
    src: url(../uploads/1a60d0953f607d79130f38ae039861962ce5edb8/7ec3e91a316ac601962587b9dda29d7655a629d3/FuturaStdCondensedBold.woff) format('woff'),
        url(../uploads/1a60d0953f607d79130f38ae039861962ce5edb8/106df97a36bd5b130ea73b2671a492f6cce75f12/FuturaStd-CondensedBold.ttf) format('truetype');
    ;
}

@font-face {
    font-family: 'Futura Std';
    font-style: normal;
    font-weight: 750;
    src: url(../uploads/1a60d0953f607d79130f38ae039861962ce5edb8/c91ae7efc0070aca23ba0fc9bfa60540b27eb7e4/FuturaStdExtraBold.woff) format('woff'),
        url(../uploads/1a60d0953f607d79130f38ae039861962ce5edb8/fe95dec69b88bd4b9011d6fbbe6b2c4eeb82f4fc/FuturaStd-ExtraBold.ttf) format('truetype');
}

:root {
    --color-rose1: #55237380;
    --color-rose: #B80E80;
    --top-h: 24em;
}


html,
body {
    font-family: "Futura Std", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    font-size: calc(min(16px, 2.8vh)) !important;
}

/*
--
-- Content width
--
*/

body.signin,
body.global {
    padding: 1em 4em 0;
}

#container .wrap {
    max-width: none;
}

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

    html,
    body {
        font-family: "Futura Std", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: calc(min(14px, 2.8vh)) !important;
    }
}


/*
--
-- Header
--
*/

#header {
    min-height: none;
    min-height: unset;
    display: flex !important;
    box-shadow: none;
}

.header-text {
    max-width: 100%;

}

.header-title {
    font-size: 1em;
}

.header-text .title {
    font-size: calc(min(3.2em, 6vw, 4.5vh)) !important;
    text-align: left !important;
    overflow: hidden;
    font-weight: 750;
    line-height: 1.2;
}

@media only screen and (max-width: 650px) {
    .header-text .title {
        font-size: calc(min(2.2em, 6vw, 5vh)) !important;
    }

    body.signin,
    body.global {
        padding: 1em 1em 0;
    }

}

#header .wrap {
    flex-direction: column;
    flex-wrap: wrap;
    max-height: none;
    width: 100%;
    height: auto;
    align-items: flex-start;
    justify-content: center;
    gap: calc(min(1.5em, 3vh));
    padding: 0 0 calc(min(1.5em, 3vh));

    max-width: none !important;
}

/*
--
-- Loader
--
*/

.loader {
    color: var(--color-rose1);
}

.rmp-loading-spin-circle {
    border-color: var(--color-rose) var(--color-rose) var(--color-rose) transparent !important;
}

/*
--
-- Logo
--
*/

#logo {
    max-height: calc(min(2.2em, 12vh, 12vw));
}


/*
--
-- Central zone (player)
--
*/

@media only screen and (max-width:1124px) {
    :root {
        --top-h: 26em;
    }
}

@media only screen and (max-width:1024px) {
    :root {
        --top-h: 0em;
    }
}

#container #player {
    padding-bottom: min(calc(56.25% - 20px), calc(100vh - var(--top-h)));
    border: 18px solid #B80E80;
}

body.signin,
body.global {
    max-width: 100vh;
}


.player-container .rmp-overlay-button {
    --url-icon-play: url(../ee/0/img/svg/?ion/play-sharp&fill=B80E80&stroke=B80E80);
    --url-icon-pause: url(../ee/0/img/svg/?ion/pause-sharp&fill=B80E80&stroke=B80E80);
}

.player-container .rmp-overlay-button .rmp-i {
    opacity: 1;
}

#playerWrap {
    flex-direction: column;
    gap: calc(min(1em, 2vh));
    padding: 0 0 1em !important;
}

#elementsBottomPlayer {
    order: 0;
}

#player {
    order: 1;
}

/*
--
-- lang btn
--
*/
.lang-switch {
    display: none;
}

body.live-frame-state-live .lang-switch,
body.live-frame-state-replay .lang-switch {
    display: flex;
}

.lang-switch {
    position: relative !important;
    margin: 0 !important;
    top: auto !important;
    bottom: auto !important;
    right: auto !important;
    left: auto !important;
}

.lang-list-items {
    gap: .5em;
    padding: .5em;
    font-size: .8em;
    justify-content: flex-start !important;
}

.lang-list-items .lang-item {
    flex-wrap: nowrap;
    margin: 0;
    display: flex !important;

    font-size: 1em;
    min-width: 8em;
    border-radius: calc(2em - 2px);
    padding: .8em;
    gap: .3em;

    border: 1px solid #552373;

    top: auto !important;
    bottom: auto !important;
    right: auto !important;
    left: auto !important;
    color: #fff;

}

@media only screen and (max-width: 650px) {
    .lang-list-items .lang-item {
        font-size: .9em;
    }
}

@media only screen and (max-height: 600px) {
    .lang-list-items .lang-item {
        font-size: .9em;
    }
}



.lang-text {
    border: 1px solid var(--color-header-txt1);

    font-weight: 400;
    display: block !important;
    position: relative !important;
    padding: 0 !important;
    margin: 0 !important;
    width: 1em !important;
    height: 1em !important;
    border-radius: 50%;
    overflow: hidden;
    font-size: 1em !important;

    background: transparent center no-repeat;
    color: transparent;

    top: auto !important;
    bottom: auto !important;
    right: auto !important;
    left: auto !important;

    order: 0;
}

.lang-item:hover:not(.lang-selected) .lang-text,
.lang-selected .lang-text {
    border-color: var(--color-rose);
    background-color: transparent
}

.lang-selected .lang-text {
    background-image: radial-gradient(var(--color-rose) 0%, var(--color-rose) 54%, transparent 54%, transparent 100%);
}


.lang-img {
    border: none;
    width: auto !important;
    height: auto !important;
    padding: 0;
    /*text v-align*/
    margin: .125em 0 0 0;
    color: var(--color-header-txt1);
    opacity: 1 !important;

    order: 1;
    transform: none !important;
}

@media only screen and (max-width: 450px) {
    .lang-list-items .lang-item {
        min-width: none;
        min-width: unset;
    }
}

/*
--
-- Player
--
*/

#container #player {
    margin: 0;
}

#container #elementsBottomPlayer {
    background: transparent;
    justify-content: flex-start;
    height: auto;
    min-height: 1em;
    padding: 0;
}

#elementsBottomPlayer.show {
    display: flex !important;
}



/*
--
-- display flex
--
*/
.lang-list-items .lang-item,
#container #playerWrap,
#header .wrap,
.header-text,
.header-logo {
    display: flex;
    box-sizing: border-box;
}


/*
--
-- Player central play button
--
*/

.rmp-container {
    --central-ctl-size: 74px;
}

.rmp-container.rmp-s1 .rmp-overlay-button {
    border-radius: 50%;
    backdrop-filter: blur(4px);
}

.rmp-overlay-button .rmp-i.rmp-i-replay,
.rmp-overlay-button .rmp-i.rmp-i-play {
    width: 50%;
    height: 50%;
    transform: translate(-44%, -50%);
}