@charset "utf-8";

body {
    color: #000000;
    background-color: #ffffff;
}

a {
    text-decoration: none
}

a:focus {
    outline: none;
    box-shadow: none;
}

h1 {
    font-size: 2.225rem;
}

.first-letter-up::first-letter {
    text-transform: uppercase;
}

/* Bootstrap */
.link-dark:hover {
    color: #d81818 !important;
}

.link-primary:hover {
    color: #333333 !important;
}

.cursor-pointer {
    cursor: pointer;
}

.dropdown-item:active {
    background-color: #fabc16;
}

.form-label {
    margin-bottom: 3px;
    margin-left: 3px;
    font-weight: 500;
    font-size: .9rem;
}

.border-grey {
    border-color: rgb(222, 226, 230);
}


.alert-success {
    background-color: #13AD13;
    color: #ffffff;
}

.text-success {
    color: #13AD13 !important;
}

.nav-tabs {
    border-width: 2px;
}

.nav-link.active {
    border-color: #ffffff !important;
    border-bottom: 2px solid #000000 !important;
}


/* Player, player fullscreen  */
#audioPlayer.fullscreen {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw; /* Teljes viewport szélesség */
    height: 100vh; /* Teljes viewport magasság */
    z-index: 1050; /* Legyen más elemek felett (Bootstrap modalok z-indexe 1050+, szükség szerint állítsd) */
    display: flex;
    flex-direction: column;
    overflow-y: auto; /* Scrollbar, ha a tartalom mégis túlcsordulna */
    border-radius: 0 !important;
    background-color: #ffffff;
}

#audioPlayer.fullscreen #audioPlayerDisplayWrapper {
    flex-grow: 1; /* Ez a wrapper fog nőni */
    display: flex; /* Biztosítjuk, hogy flex konténer maradjon */
    flex-direction: column; /* A benne lévő #audioPlayerDisplay miatt */
    min-height: 0; /* Fontos flexbox bugkerülő, hogy a tartalom zsugorodhasson, ha kell */
}

#audioPlayer.fullscreen #audioPlayerDisplay {
    flex-grow: 1; /* Ez a keretes rész is nőjön, hogy kitöltse az #audioPlayerDisplayWrapper-t */
    display: flex; /* Újra megerősítjük, ha esetleg felülíródna */
    flex-direction: column; /* Újra megerősítjük */
    min-height: 0; /* Flexbox bugkerülő */
}

.audio-player-display-area {
    min-height: 300px; /* Hogy üresen is legyen tartása */
    overflow-y: auto; /* Ha a tartalom mégis túlcsordulna */
}

.audio-player-text-context {
    /* font-size: calc(100% + 0.7vw + 0.7vh); helyett */
    font-size: clamp(1.1rem, 1rem + 0.5vw + 0.5vh, 1.5rem);
}

.audio-player-text-content {
    /* font-size: calc(100% + 1vw + 1vh); helyett */
    font-size: clamp(1.3rem, 1.2rem + 1vw + 1vh, 2.5rem);
}

.audio-player-text-box {
    min-height: 2.5em;
    display: flex;
    align-items: center;
    justify-content: center;
}

.audio-player-text-box span {
    display: inline-block; /* Vagy block, hogy a padding/margin jobban működjön */
}

.audio-player-progress {
    height: 5px;
}

.audio-player-option-trigger { /* pötty */
    position: relative; /* kell a pseudo-elemekhez */
    display: inline-flex; /* hogy az ::after ne szakadjon ki */
    align-items: center;
    justify-content: center;
    /* opcionális padding-bottom, ha kell a hely */
}

.audio-player-option-trigger::after {
    content: "";
    position: absolute;
    bottom: -0.2rem;
    left: 50%;
    transform: translateX(-50%);
    width: 0.3rem;
    height: 0.3rem;
    border-radius: 50%;
    background-color: currentColor;
    opacity: 0;
    transition: opacity 0.2s ease-in-out;
}

.audio-player-option-trigger[aria-pressed="true"]::after {
    opacity: 1;
}

#audioPlayer .col:empty {
    display: none !important;
}


/* Search */
#q {
    outline: none;
    box-shadow: none;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
    display: none;
}
#live-search-results {
    display: none;
    z-index: 1050;
}
#live-search-results .list-group-item {
    cursor: pointer;
}
#live-search-results .list-group-item.autocomplete-active {
    background-color: #ccc;
    color: white;
}
#clear-search-btn {
    z-index: 5;
}
#search-loader {
    right: 25px;
    z-index: 5;
}

/* Additional font sizes */
.fs-8 {
    font-size: .8rem;
}

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

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

.fs-10 {
    font-size: 1.05rem;
}

.fs-11 {
    font-size: 1.1rem;
}

.fs-12 {
    font-size: 1.25rem;
}

.fs-13 {
    font-size: 1.33333rem;
}

.fs-14 {
    font-size: 1.4rem;
}

.fa-lg {
    display: inline-block;
    min-width: 1.1rem;
    min-height: 1.1rem;
}

/* Min heights */
.mh-100 {
    min-height: 100px
}

.mh-200 {
    min-height: 200px
}

.mh-300 {
    min-height: 300px
}

.mh-400 {
    min-height: 400px;
}


/* Content */
.lead {
    font-size: 1.125rem;
    line-height: 1.7;
}

.content {
    font-size: 1.05rem;
}

.content h2 {
    padding-top: 30px;
    padding-bottom: 10px;
}

.content h3 {
    padding-top: 30px;
    padding-bottom: 10px;
}

.content blockquote {
    color: #D81818;
    margin-left: 30px;
    margin-top: 40px;
    margin-bottom: 40px;
    padding-left: 10px;
    border-left: 4px solid #ccc;
}

.content p {
    line-height: 2;
}

.content li {
    padding-bottom: 10px;
    line-height: 1.8;
}

.content ul li::marker,
.content ol li::marker {
    font-weight: 800;
    color: rgba(216, 24, 24, 1);
}

.content blockquote p {
    margin-bottom: 0;
}

/* Content image */
.image-container img.responsive-image {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Megakadályozza a torzulást, ha valamiért mégis eltérne az arány */
}

/* Content side image */
.recommendations img {
    filter: grayscale(90%) brightness(1.1) contrast(0.9) opacity(0.5);
    transition: all 0.3s ease;
}
.recommendations img:hover {
    filter: grayscale(0%) brightness(1) contrast(1) opacity(1);
}


/* Avatar with bs rounded-circle*/
.avatar-xs {
    width: 24px;
    height: 24px;
}

.avatar-sm {
    width: 32px;
    height: 32px;
}

.avatar-md {
    width: 48px;
    height: 48px;
}

.avatar-lg {
    width: 96px;
    height: 96px;
}

.avatar-xl {
    width: 120px;
    height: 120px;
}

.avatar-hover-border:hover {
    border: 2px solid #ccc !important;
}

/* Flags */
.fflag {
    background-image: url(/tpl/main/common/vendor/flags/flag-selected-lg.png);
    background-repeat: no-repeat;
    background-size: 100% 49494%;
    display: inline-block;
    overflow: hidden;
    position: relative;
    vertical-align: middle;
    box-sizing: content-box;
}

.fflag-CH {
    box-shadow: none !important
}

.fflag-BJ {
    background-position: center 0.2287%
}

.fflag-EG {
    background-position: center 0.4524%
}

.fflag-ET {
    background-position: center 0.6721%
}

/* Kenia KE*/
.fflag-SW {
    background-position: center 0.8958%
}

.fflag-NE {
    background-position: center 1.1162%
}

.fflag-NG {
    background-position: center 1.3379%
}

.fflag-CG {
    background-position: center 1.5589%
}

.fflag-ZA {
    background-position: left 1.7805%
}

.fflag-TN {
    background-position: center 2.0047%
}

.fflag-UG {
    background-position: center 2.2247%
}

.fflag-TZ {
    background-position: center 2.4467%
}

.fflag-AR {
    background-position: center 2.6674%
}

/*Brazil*/
.fflag-PT {
    background-position: center 2.8931%
}

.fflag-CA {
    background-position: center 3.1125%
}

.fflag-CO {
    background-position: left 3.3325%
}

.fflag-CU {
    background-position: left 3.5542%
}

.fflag-DO {
    background-position: center 3.7759%
}

.fflag-HT {
    background-position: center 4.0015%
}

.fflag-JM {
    background-position: center 4.2229%
}

.fflag-EN {
    background-position: center 4.441%
}

.fflag-EN-US {
    background-position: center 4.441%
}

.fflag-AF {
    background-position: center 4.66663%
}

.fflag-AZ {
    background-position: center 4.8844%
}

.fflag-BD {
    background-position: center 5.1061%
}

.fflag-BN {
    background-position: center 5.3298%
}

.fflag-ZH {
    background-position: left 5.5495%
}

.fflag-GE {
    background-position: center 5.7712%
}

/* IN - Hindi */
.fflag-HI {
    background-position: center 5.994%
}

/* IN - Telugu */
.fflag-TE {
    background-position: center 5.994%
}

/* IN - Tamil */
.fflag-TA {
    background-position: center 5.994%
}

/* IN - Marathi */
.fflag-MR {
    background-position: center 5.994%
}

.fflag-ID {
    background-position: center 6.2156%
}

.fflag-JA {
    background-position: center 6.4363%
}

.fflag-KZ {
    background-position: center 6.658%
}

/* Malay MY*/
.fflag-MS {
    background-position: center 6.8805%
}

.fflag-MN {
    background-position: left 7.1038%
}

.fflag-KP {
    background-position: left 7.3231%
}

.fflag-PH {
    background-position: left 7.5448%
}

.fflag-SG {
    background-position: left 7.7661%
}

.fflag-KO {
    background-position: center 7.98937%
}

.fflag-LK {
    background-position: right 8.2099%
}

.fflag-TW {
    background-position: left 8.4316%
}

.fflag-TJ {
    background-position: center 8.6533%
}

.fflag-TH {
    background-position: center 8.875%
}

.fflag-TM {
    background-position: center 9.0967%
}

.fflag-VI {
    background-position: center 9.32237%
}

.fflag-AL {
    background-position: center 9.5426%
}

.fflag-AM {
    background-position: center 9.7628%
}

.fflag-AT {
    background-position: center 9.9845%
}

.fflag-BY {
    background-position: left 10.2052%
}

.fflag-BE {
    background-position: center 10.4269%
}

.fflag-BA {
    background-position: center 10.6486%
}

.fflag-BG {
    background-position: center 10.8703%
}

.fflag-HR {
    background-position: center 11.0945%
}

.fflag-CS {
    background-position: left 11.3135%
}

.fflag-DA {
    background-position: center 11.5354%
}

.fflag-EE {
    background-position: center 11.7593%
}

.fflag-FI {
    background-position: center 11.9799%
}

.fflag-FR {
    background-position: center 12.2005%
}

.fflag-DE {
    background-position: center 12.4222%
}

.fflag-EL {
    background-position: left 12.644%
}

.fflag-HU {
    background-position: center 12.8664%
}

.fflag-IS {
    background-position: center 13.0873%
}

.fflag-IE {
    background-position: center 13.309%
}

.fflag-IT {
    background-position: center 13.5307%
}

.fflag-XK {
    background-position: center 13.7524%
}

.fflag-LV {
    background-position: center 13.9741%
}

.fflag-LT {
    background-position: center 14.1958%
}

.fflag-LU {
    background-position: center 14.4175%
}

.fflag-MD {
    background-position: center 14.6415%
}

.fflag-ME {
    background-position: center 14.8609%
}

.fflag-NL {
    background-position: center 15.0826%
}

.fflag-MK {
    background-position: center 15.306%
}

.fflag-NB {
    background-position: center 15.528%
}

.fflag-PL {
    background-position: center 15.7496%
}

/* Port swap */
.fflag-PT-PT {
    background-position: center 15.9694%
}

.fflag-RO {
    background-position: center 16.1911%
}

.fflag-RU {
    background-position: center 16.4128%
}

.fflag-RS {
    background-position: center 16.6345%
}

.fflag-SK {
    background-position: center 16.8562%
}

.fflag-SI {
    background-position: center 17.0779%
}

.fflag-ES {
    background-position: left 17.2996%
}

.fflag-SV {
    background-position: center 17.5213%
}

.fflag-CH {
    background-position: center 17.743%
}

.fflag-TR {
    background-position: center 17.968%
}

.fflag-UK {
    background-position: center 18.1864%
}

.fflag-EN-GB {
    background-position: center 18.4081%
}

.fflag-BH {
    background-position: center 18.6298%
}

/* IR - Iran */
.fflag-FA {
    background-position: center 18.8515%
}

.fflag-IQ {
    background-position: center 19.0732%
}

.fflag-IL {
    background-position: center 19.2987%
}

.fflag-KW {
    background-position: left 19.518%
}

.fflag-KG {
    background-position: center 19.7383%
}

.fflag-LB {
    background-position: center 19.96%
}

.fflag-OM {
    background-position: left 20.1817%
}

/* PK Pakistan - Urdu*/
.fflag-UR {
    background-position: center 20.4034%
}

.fflag-PS {
    background-position: center 20.6241%
}

.fflag-QA {
    background-position: center 20.8468%
}

.fflag-SA {
    background-position: center 21.0685%
}

.fflag-SY {
    background-position: center 21.2902%
}

.fflag-AE {
    background-position: center 21.5119%
}

.fflag-UZ {
    background-position: left 21.7336%
}

.fflag-EN-AU {
    background-position: center 21.9553%
}

.fflag-NZ {
    background-position: center 22.177%
}

.fflag-NG.ff-round,
.fflag-BE.ff-round,
.fflag-FR.ff-round,
.fflag-IE.ff-round,
.fflag-IT.ff-round,
.fflag-RO.ff-round {
    background-size: 100% 50000%
}

.fflag.ff-sm {
    width: 18px;
    height: 11px
}

.fflag.ff-md {
    width: 27px;
    height: 17px
}

.fflag.ff-lg {
    width: 42px;
    height: 27px
}

.fflag.ff-xl {
    width: 60px;
    height: 37px
}

/* ff-round = circular icons */
.ff-round {
    background-size: 160%;
    background-clip: content-box;
    border-radius: 50%;
}

.ff-round.ff-sm {
    width: 12px;
    height: 12px
}

.ff-round.ff-md {
    width: 18px;
    height: 18px
}

.ff-round.ff-lg {
    width: 24px;
    height: 24px
}

.ff-round.ff-xl {
    width: 32px;
    height: 32px
}