.elementor-5197 .elementor-element.elementor-element-bc4d57b{--display:flex;--min-height:25vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-5197 .elementor-element.elementor-element-e43f286{text-align:center;}.elementor-5197 .elementor-element.elementor-element-e43f286 .elementor-heading-title{font-family:var( --e-global-typography-6abc29f-font-family ), Sans-serif;font-size:var( --e-global-typography-6abc29f-font-size );font-weight:var( --e-global-typography-6abc29f-font-weight );line-height:var( --e-global-typography-6abc29f-line-height );color:var( --e-global-color-astglobalcolor2 );}.elementor-5197 .elementor-element.elementor-element-ccb9bb5{text-align:center;}.elementor-5197 .elementor-element.elementor-element-ccb9bb5 .elementor-heading-title{font-family:var( --e-global-typography-4d08c06-font-family ), Sans-serif;font-size:var( --e-global-typography-4d08c06-font-size );font-weight:var( --e-global-typography-4d08c06-font-weight );line-height:var( --e-global-typography-4d08c06-line-height );color:var( --e-global-color-be2e74b );}.elementor-5197 .elementor-element.elementor-element-2fe0ba7{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:50px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;}.elementor-5197 .elementor-element.elementor-element-02bb6e6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;border-style:solid;--border-style:solid;border-width:1px 0px 1px 0px;--border-top-width:1px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:#495A4F;--border-color:#495A4F;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-5197 .elementor-element.elementor-element-02bb6e6:not(.elementor-motion-effects-element-type-background), .elementor-5197 .elementor-element.elementor-element-02bb6e6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#18201A;}.elementor-5197 .elementor-element.elementor-element-13e13d1{text-align:center;}.elementor-5197 .elementor-element.elementor-element-13e13d1 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:1.875rem;font-weight:700;line-height:2.25rem;color:var( --e-global-color-astglobalcolor2 );}.elementor-5197 .elementor-element.elementor-element-505d981{text-align:center;}.elementor-5197 .elementor-element.elementor-element-505d981 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:1.125rem;font-weight:400;line-height:1.75rem;color:var( --e-global-color-be2e74b );}.elementor-5197 .elementor-element.elementor-element-8beeeba{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-5197 .elementor-element.elementor-element-592264e .elementor-button{background-color:#1C3123;font-family:"Manrope", Sans-serif;font-size:1rem;font-weight:700;border-radius:0.5rem 0.5rem 0.5rem 0.5rem;padding:1rem 2rem 1rem 2rem;}.elementor-5197 .elementor-element.elementor-element-592264e .elementor-button:hover, .elementor-5197 .elementor-element.elementor-element-592264e .elementor-button:focus{background-color:#1F3626;}.elementor-5197 .elementor-element.elementor-element-1728a2b .elementor-button{background-color:#1C312300;font-family:"Manrope", Sans-serif;font-size:1rem;font-weight:700;border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF33;border-radius:0.5rem 0.5rem 0.5rem 0.5rem;padding:1rem 2rem 1rem 2rem;}.elementor-5197 .elementor-element.elementor-element-1728a2b .elementor-button:hover, .elementor-5197 .elementor-element.elementor-element-1728a2b .elementor-button:focus{background-color:#FFFFFF33;}body.elementor-page-5197:not(.elementor-motion-effects-element-type-background), body.elementor-page-5197 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#161D18;}@media(max-width:1024px){.elementor-5197 .elementor-element.elementor-element-e43f286 .elementor-heading-title{font-size:var( --e-global-typography-6abc29f-font-size );line-height:var( --e-global-typography-6abc29f-line-height );}.elementor-5197 .elementor-element.elementor-element-ccb9bb5 .elementor-heading-title{font-size:var( --e-global-typography-4d08c06-font-size );line-height:var( --e-global-typography-4d08c06-line-height );}.elementor-5197 .elementor-element.elementor-element-2fe0ba7{--justify-content:space-between;}}@media(max-width:767px){.elementor-5197 .elementor-element.elementor-element-e43f286 .elementor-heading-title{font-size:var( --e-global-typography-6abc29f-font-size );line-height:var( --e-global-typography-6abc29f-line-height );}.elementor-5197 .elementor-element.elementor-element-ccb9bb5 .elementor-heading-title{font-size:var( --e-global-typography-4d08c06-font-size );line-height:var( --e-global-typography-4d08c06-line-height );}}@media(min-width:768px){.elementor-5197 .elementor-element.elementor-element-bc4d57b{--content-width:60%;}.elementor-5197 .elementor-element.elementor-element-2fe0ba7{--content-width:75%;}}@media(max-width:1024px) and (min-width:768px){.elementor-5197 .elementor-element.elementor-element-2fe0ba7{--content-width:100%;}}/* Start custom CSS for shortcode, class: .elementor-element-4ddceea *//* Külső lista és a belső link hátterének teljes "kiirtása" */
li.llms-loop-item, 
li.llms-loop-item.ast-article-post,
.llms-loop-item-content .llms-loop-link {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
}

/* A VALÓDI doboz a fix színekkel */
.llms-loop-item-content {
    background-color: #171E1A !important; 
    border: 1px solid #495A4F !important;
    border-radius: 0.75rem !important;
    overflow: hidden !important;
}

/* 1. Astra/LifterLMS alapértelmezések "kiirtása" */
.ast-article-post, 
.llms-loop-item {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* 2. A VALÓDI kártya konténer a frissített, fix színekkel */
.llms-loop-item-content {
    background-color: #171E1A !important; /* Módosított sötét háttérszín */
    border-radius: 0.75rem !important;
    border: 1px solid #495A4F !important; /* Módosított fix körvonal szín */
    overflow: hidden !important; 
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    padding: 0 !important; 
    transition: border-color 0.3s ease !important;
}

/* Hover esemény a kártya keretére (ha akarod, hogy világosodjon picit rámutatáskor) */
.llms-loop-item-content:hover {
    border-color: #5c7063 !important; /* Egy világosabb zöldes-szürke árnyalat hoverre */
}

/* 3. Link wrapper */
.llms-loop-link {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    text-decoration: none !important;
    padding: 0 !important;
    border: none !important;
}

/* 4. Kép javítása (hogy ne lógjon ki és ne legyen dupla lekerekítése) */
.llms-loop-link > img.llms-featured-image {
    width: 100% !important;
    aspect-ratio: 16 / 9 !important;
    object-fit: cover !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    border-radius: 0 !important; /* Fontos! A kerekítést a konténer adja, nem a kép! */
    display: block !important;
    transition: transform 0.5s ease !important;
}

.llms-loop-item-content:hover img.llms-featured-image {
    transform: scale(1.05) !important;
}

/* 5. Szöveges elemek paddingja és formázása */
.llms-loop-title,
.llms-loop-item-footer {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
    background: transparent !important;
}

.llms-loop-title {
    margin-top: 1.5rem !important;
    margin-bottom: 0.5rem !important;
    font-size: 1.25rem !important;
    font-weight: 700 !important;
    color: #fff !important;
    text-align: left !important;
}

/* 6. Meta adatok (Szerző és Leckék) */
.llms-loop-item-footer {
    display: flex !important;
    flex-direction: row !important;
    justify-content: flex-start !important;
    align-items: center !important;
    gap: 1.25rem !important;
    color: #a4b6aa !important;
    font-size: 0.875rem !important;
    margin-bottom: 1.5rem !important;
}

.llms-author, .llms-meta {
    display: flex !important;
    align-items: center !important;
    gap: 0.5rem !important;
    margin: 0 !important;
    float: none !important; /* Lifter float nullázása */
    width: auto !important;
}

.llms-author img.avatar {
    width: 20px !important;
    height: 20px !important;
    border-radius: 50% !important;
    margin: 0 !important;
}

.llms-author-info, .llms-meta p {
    margin: 0 !important;
    line-height: 1 !important;
}

/* 7. Gomb a kártya alján */
.llms-loop-link::after {
    content: "Kurzus megnyitása";
    display: block !important;
    width: auto !important;
    margin: auto 1.5rem 1.5rem 1.5rem !important; /* Auto top margin letolja az aljára */
    padding: 0.75rem 0 !important;
    background-color: #1c3123 !important;
    color: #fff !important;
    text-align: center !important;
    border-radius: 0.5rem !important;
    font-weight: 700 !important;
    font-size: 0.875rem !important;
    transition: background-color 0.3s !important;
}

.llms-loop-item-content:hover .llms-loop-link::after {
    background-color: #26422f !important; /* Hoverre kicsit világosabb zöld */
}

/* Progress bar eltüntetése */
.llms-progress { display: none !important; }/* End custom CSS */