.elementor-63879 .elementor-element.elementor-element-00be9f5{--display:flex;--margin-top:40px;--margin-bottom:40px;--margin-left:0px;--margin-right:0px;}.elementor-63879 .elementor-element.elementor-element-4608f1e > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-63879 .elementor-element.elementor-element-4608f1e{font-family:"Linetype Medium", Sans-serif;font-size:14px;font-weight:400;text-transform:uppercase;letter-spacing:0.3px;word-spacing:4px;color:#54595F;}.elementor-63879 .elementor-element.elementor-element-4608f1e a{color:#9C4943;}.elementor-63879 .elementor-element.elementor-element-1cd81e8 > .elementor-widget-container{margin:0px 0px -0px 0px;}.elementor-63879 .elementor-element.elementor-element-1cd81e8{text-align:start;}.elementor-63879 .elementor-element.elementor-element-1cd81e8 .elementor-heading-title{font-family:"Linetype light", Sans-serif;font-size:38px;font-weight:900;text-transform:uppercase;color:#243364;}.elementor-63879 .elementor-element.elementor-element-4262bbe{font-family:"Linetype light", Sans-serif;font-size:19px;font-weight:400;}.elementor-63879 .elementor-element.elementor-element-1957270{--display:flex;--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-63879 .elementor-element.elementor-element-9e14fc6{--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;}.elementor-63879 .elementor-element.elementor-element-2362cb4{font-family:"Linetype light", Sans-serif;font-size:19px;font-weight:400;}.elementor-63879 .elementor-element.elementor-element-c16a244 .elementor-button{background-color:#243364;font-family:"Linetype Medium", Sans-serif;text-transform:uppercase;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-63879 .elementor-element.elementor-element-0494535{--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;}@media(max-width:1024px){.elementor-63879 .elementor-element.elementor-element-4608f1e > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-63879 .elementor-element.elementor-element-1cd81e8 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-63879 .elementor-element.elementor-element-1cd81e8{text-align:center;}.elementor-63879 .elementor-element.elementor-element-1cd81e8 .elementor-heading-title{font-size:33px;}.elementor-63879 .elementor-element.elementor-element-4262bbe{text-align:center;}.elementor-63879 .elementor-element.elementor-element-9e14fc6{--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-63879 .elementor-element.elementor-element-2362cb4{text-align:center;font-size:15px;}.elementor-63879 .elementor-element.elementor-element-c16a244 .elementor-button{font-size:12px;}.elementor-63879 .elementor-element.elementor-element-0494535{--justify-content:center;}.elementor-63879 .elementor-element.elementor-element-06338ca img{width:100%;}}@media(max-width:767px){.elementor-63879 .elementor-element.elementor-element-4608f1e{font-size:12px;}.elementor-63879 .elementor-element.elementor-element-1cd81e8{text-align:center;}.elementor-63879 .elementor-element.elementor-element-1cd81e8 .elementor-heading-title{font-size:28px;}.elementor-63879 .elementor-element.elementor-element-4262bbe{font-size:14px;}.elementor-63879 .elementor-element.elementor-element-2362cb4{font-size:13px;}}@media(min-width:768px){.elementor-63879 .elementor-element.elementor-element-00be9f5{--content-width:1191px;}.elementor-63879 .elementor-element.elementor-element-1957270{--content-width:1208px;}.elementor-63879 .elementor-element.elementor-element-9e14fc6{--width:50%;}.elementor-63879 .elementor-element.elementor-element-0494535{--width:50%;}}@media(max-width:1024px) and (min-width:768px){.elementor-63879 .elementor-element.elementor-element-9e14fc6{--width:915px;}.elementor-63879 .elementor-element.elementor-element-0494535{--width:500px;}}/* Start custom CSS for breadcrumbs, class: .elementor-element-4608f1e */.elementor-63879 .elementor-element.elementor-element-4608f1e a {
    text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-c80f148 *//* =========================================================
   BRÓDY SÁNDOR KÖNYVTÁR – AI KÉPZÉS
   Fluent Forms #19
   ========================================================= */

#fluentform_19 {
    --brody-burgundy: #955047;
    --brody-burgundy-dark: #7d4039;
    --brody-blue: #243f68;
    --brody-blue-dark: #1c3152;
    --brody-light: #f4f5f7;
    --brody-border: #e1e3e7;
    --brody-text: #30343b;
}


/* ---------------------------------------------------------
   TELJES ŰRLAP
   --------------------------------------------------------- */

#fluentform_19 {
    font-family: Arial, Helvetica, sans-serif;
    color: var(--brody-text);
}


/* ---------------------------------------------------------
   PROGRESS – FELSŐ SZÖVEG
   --------------------------------------------------------- */

#fluentform_19 .ff-el-progress-status {
    color: var(--brody-blue);
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.2px;
    margin-bottom: 9px;
}


/* ---------------------------------------------------------
   PROGRESS – HÁTTÉR
   --------------------------------------------------------- */

#fluentform_19 .ff-el-progress {
    height: 12px;
    background: #e5e7eb;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.08);
}


/* ---------------------------------------------------------
   PROGRESS – KITÖLTÖTT RÉSZ
   --------------------------------------------------------- */

#fluentform_19 .ff-el-progress-bar {
    height: 12px;
    background: linear-gradient(
        90deg,
        var(--brody-burgundy),
        #a95b50
    ) !important;

    border-radius: 20px;
    color: #fff !important;

    font-size: 11px;
    font-weight: 700;
    line-height: 12px;

    text-align: right;
    padding-right: 8px;

    box-sizing: border-box;

    transition: width 0.35s ease-in-out !important;
}


/* ---------------------------------------------------------
   SZEKCIÓCÍMEK
   --------------------------------------------------------- */

#fluentform_19 .ff-el-section-title {
    color: var(--brody-blue);
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 5px;
}


/* A szekció alatti vonal */

#fluentform_19 .ff-section_break_desk hr,
#fluentform_19 .ff-el-section-break hr {
    border: 0;
    border-top: 2px solid var(--brody-burgundy);
    opacity: 0.75;
}


/* ---------------------------------------------------------
   MEZŐ CÍMKÉK
   --------------------------------------------------------- */

#fluentform_19 .ff-el-input--label label {
    color: var(--brody-blue);
    font-size: 14px;
    font-weight: 600;
}


/* Kötelező csillag */

#fluentform_19 .ff-el-is-required label:after {
    color: var(--brody-burgundy);
}


/* ---------------------------------------------------------
   INPUT MEZŐK
   --------------------------------------------------------- */

#fluentform_19 .ff-el-form-control {
    border: 1px solid var(--brody-border);
    border-radius: 6px;
    min-height: 48px;
    padding: 11px 14px;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;

    color: #30343b;
    background: #fff;

    transition:
        border-color 0.2s ease,
        box-shadow 0.2s ease;
}


/* Fókusz */

#fluentform_19 .ff-el-form-control:focus {
    border-color: var(--brody-burgundy);
    box-shadow: 0 0 0 3px rgba(149, 80, 71, 0.12);
    outline: none;
}


/* Placeholder */

#fluentform_19 .ff-el-form-control::placeholder {
    color: #999;
}


/* ---------------------------------------------------------
   KÖVETKEZŐ / VISSZA GOMBOK
   --------------------------------------------------------- */

#fluentform_19 .ff-btn-next,
#fluentform_19 .ff-btn-prev {
    background: var(--brody-burgundy) !important;
    border: 1px solid var(--brody-burgundy) !important;
    color: #fff !important;

    border-radius: 5px;

    padding: 11px 24px;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 700;

    min-height: 44px;

    transition:
        background 0.2s ease,
        border-color 0.2s ease,
        transform 0.15s ease,
        box-shadow 0.2s ease;
}


/* Következő hover */

#fluentform_19 .ff-btn-next:hover {
    background: var(--brody-burgundy-dark) !important;
    border-color: var(--brody-burgundy-dark) !important;

    transform: translateY(-1px);

    box-shadow: 0 4px 10px rgba(125, 64, 57, 0.20);
}


/* Vissza gomb */

#fluentform_19 .ff-btn-prev {
    background: transparent !important;
    color: var(--brody-blue) !important;
    border-color: var(--brody-blue) !important;
}


/* Vissza hover */

#fluentform_19 .ff-btn-prev:hover {
    background: var(--brody-blue) !important;
    color: #fff !important;

    transform: translateY(-1px);
}


/* ---------------------------------------------------------
   VÉGSŐ BEKÜLDÉS GOMB
   --------------------------------------------------------- */

#fluentform_19 .ff-btn-submit {
    background: var(--brody-blue) !important;
    border: 1px solid var(--brody-blue) !important;
    color: #fff !important;

    border-radius: 5px;

    padding: 12px 28px;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 700;

    min-height: 46px;

    transition:
        background 0.2s ease,
        transform 0.15s ease,
        box-shadow 0.2s ease;
}


#fluentform_19 .ff-btn-submit:hover {
    background: var(--brody-blue-dark) !important;
    border-color: var(--brody-blue-dark) !important;

    transform: translateY(-1px);

    box-shadow: 0 4px 10px rgba(36, 63, 104, 0.22);
}


/* ---------------------------------------------------------
   CHECKBOX / RADIO
   --------------------------------------------------------- */

#fluentform_19 .ff-el-form-check-label {
    color: #454950;
    font-size: 14px;
    line-height: 1.5;
}


/* ---------------------------------------------------------
   MOBIL
   --------------------------------------------------------- */

@media (max-width: 767px) {

    #fluentform_19 .ff-el-progress-status {
        font-size: 13px;
    }

    #fluentform_19 .ff-el-progress,
    #fluentform_19 .ff-el-progress-bar {
        height: 10px;
    }

    #fluentform_19 .ff-el-progress-bar {
        line-height: 10px;
        font-size: 9px;
    }

    #fluentform_19 .ff-el-form-control {
        min-height: 46px;
        font-size: 16px;
    }

    #fluentform_19 .ff-btn-next,
    #fluentform_19 .ff-btn-prev,
    #fluentform_19 .ff-btn-submit {
        padding: 11px 20px;
        min-height: 44px;
    }
}


/* =========================================================
   FINOM BRÓDY-SZEGÉLY AZ ŰRLAP KÖRÜL
   ========================================================= */

#fluentform_19 {
    border: 1px solid rgba(149, 80, 71, 0.28);
    border-radius: 4px;
    padding: 28px 30px 30px;

    background: #fff;

    box-shadow:
        0 2px 8px rgba(36, 63, 104, 0.06);
}


/* Finom belső keret / dupla szegély hatás */

#fluentform_19::before {
    content: "";
    position: absolute;
    inset: 5px;

    border: 1px solid rgba(36, 63, 104, 0.10);
    border-radius: 3px;

    pointer-events: none;
}


/* Az űrlapnak kell a pozicionálási alap */

#fluentform_19 {
    position: relative;
}


/* Mobilon kisebb margó */

@media (max-width: 767px) {

    #fluentform_19 {
        padding: 20px 16px 22px;
    }

}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Linetype Medium';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://brodykonyvtar.hu/wp-content/uploads/2026/06/Linotype-AvenirLTPro-Medium.woff') format('woff');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Linetype light';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://brodykonyvtar.hu/wp-content/uploads/2026/06/Linotype-AvenirLTPro-Light.woff') format('woff');
}
/* End Custom Fonts CSS */