.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 );text-transform:var( --e-global-typography-primary-text-transform );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );color:var( --e-global-color-primary );}.elementor-1275 .elementor-element.elementor-element-3370618{text-align:start;}.elementor-1275 .elementor-element.elementor-element-3370618 .elementor-heading-title{font-family:"Sofia Sans Condensed", Sans-serif;font-size:72px;font-weight:700;text-transform:uppercase;letter-spacing:-0.7px;word-spacing:2px;color:#242424;}.elementor-1275 .elementor-element.elementor-element-d08346e{margin:18px 0px calc(var(--kit-widget-spacing, 0px) + 18px) 0px;padding:0px 0px 0px 0px;}.elementor-1275 .elementor-element.elementor-element-d08346e .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-size:20px;font-weight:400;text-transform:none;line-height:31px;letter-spacing:-0.9px;word-spacing:2px;color:#6E6E73;}.elementor-1275 .elementor-element.elementor-element-6928773{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-1275 .elementor-element.elementor-element-300d5b0 img{border-radius:22px 22px 22px 22px;}.elementor-1275 .elementor-element.elementor-element-fcfe0b4{margin:28px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-widget-image .widget-image-caption{letter-spacing:var( --e-global-typography-text-letter-spacing );}}@media(max-width:767px){.elementor-widget-heading .elementor-heading-title{letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-1275 .elementor-element.elementor-element-3370618{text-align:center;}.elementor-1275 .elementor-element.elementor-element-3370618 .elementor-heading-title{font-size:46px;}.elementor-1275 .elementor-element.elementor-element-d08346e{text-align:center;}.elementor-widget-image .widget-image-caption{letter-spacing:var( --e-global-typography-text-letter-spacing );}}/* Start custom CSS */body {
    background-color: rgb(245, 245, 247);;
}

.charitable-donation-form .donation-amounts .donation-amount {
    position: relative;
    float: auto;
    width: auto;
    margin: 0 1% .5em 0;
    border: 1px solid #ddd;
    border-radius: 12px;
    padding: 8px 12px;
    background-color: transparent;
    list-style: none;
}

.charitable-visual-donation-form .donation-amounts .donation-amount > label {
    flex-direction: column !important;
    align-items: flex-start !important; 
    justify-content: center !important;
    gap: 5px !important; /* Ezzel tudod állítani a távolságot az összeg és a felirat között */
}

.charitable-visual-donation-form .amount::first-letter {
    margin-right: 4px; /* Ezzel tudod növelni vagy csökkenteni a rést */
}
.charitable-visual-donation-form .donation-amounts .donation-amount .amount {
    font-weight: 700;
    min-width: 25%;
    font-size: 22px;}
    
    .charitable-donation-form .donation-amounts .donation-amount.selected {
    background-color: transparent;
}
.charitable-donation-form .donation-amount.selected, .charitable-donation-amount-form .donation-amount.selected, .charitable-notice, .charitable-drag-drop-images li:hover a.remove-image, .supports-drag-drop .charitable-drag-drop-dropzone.drag-over {
    border-color: #2d2d2d !important;
}
.charitable-donation-form .donation-amounts .donation-amount.selected label {
    color:  #000 !important;
}
.suggested-donation-amount {
    margin-right: 10px !important;
}

.description {
    font-size: 12px;
}

.custom-donation-amount-wrapper label {
    display:none;
}

 .charitable-visual-donation-form input[type=text], .charitable-visual-donation-form select, .charitable-visual-donation-form textarea {
    
    border:  1px solid transparent; }
    
    .charitable-visual-donation-form .donation-amounts.donation-suggested-amount .custom-donation-amount-wrapper {
    padding: 0px; }
    
    
   .charitable-donation-form :is(a[href],button,input:not([type=hidden]),select,textarea,[tabindex]:not([tabindex="-1"])):focus-visible, .charitable-modal :is(a[href],button,input:not([type=hidden]),select,textarea,[tabindex]:not([tabindex="-1"])):focus-visible, a.donate-button:focus-visible {
    outline-width: 2px;
    outline-style: solid;
    outline-color: transparent;
    outline-offset: 2px;
}
span.recurring-details {
    display: none !important;
}

/* Az adományozó lista átalakítása 2 oszlopos grid-re */
ul.recurring-donation-amounts {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px; /* Opcionális: térköz az elemek között */
}

/* Az utolsó (egyedi összegű) li elem kiterjesztése mindkét oszlopra */
ul.recurring-donation-amounts li.custom-donation-amount {
    grid-column: 1 / -1;
}


/* 1. Teljes doboz átállítása oszlopos (flex-direction: column) elrendezésre */
li.custom-donation-amount:has(input[name="custom_recurring_donation_amount"]) {
    display: flex;
    flex-direction: column;
}

/* 2. A szöveg beszúrása az egész li elem legelejére, hogy a legtetején legyen */
li.custom-donation-amount:has(input[name="custom_recurring_donation_amount"])::before {
    content: "Egyéni összeg megadása:";
    font-size: 14px;
    font-weight: 600;
    color: #444;
    margin-bottom: 8px; /* Kicsi távolság a felirat és a rádiógombos sor között */
}


/* A külső keret teljes eltüntetése: alapból, fókuszban, és ha ki van jelölve (.selected) */
li.custom-donation-amount:has(input[name="custom_recurring_donation_amount"]),
li.custom-donation-amount:has(input[name="custom_recurring_donation_amount"]):focus-within,
li.custom-donation-amount.selected:has(input[name="custom_recurring_donation_amount"]),
li.custom-donation-amount:has(input[name="custom_recurring_donation_amount"] input:checked) {
    border-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* A belső input mező alapértelmezett kerete marad */
li.custom-donation-amount:has(input[name="custom_recurring_donation_amount"]) input.custom-donation-input {
    border: 1px solid #ccc !important;
    background-color: #fff !important;
}

/* A belső input mező kerete fókuszkor */
li.custom-donation-amount:has(input[name="custom_recurring_donation_amount"]) input.custom-donation-input:focus {
    border-color: #666 !important;
    outline: none !important;
}




.charitable-donation-form .donation-amounts .donation-amount .custom-donation-amount-wrapper {
    display: block;
    width: auto;
    padding: 0;
    margin: 0;
    font-size: 1em;
    cursor: pointer;
    min-height: 24px;
}

.donation-amount .custom-donation-amount .selected {
    padding: 0 !important;
}

li.custom-donation-amount:has(input[name="custom_recurring_donation_amount"]) input.custom-donation-input {
  
    border-radius: 10px; }


ul.recurring-donation-amounts {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0px;
}

.charitable-donation-form .recurring-donation .recurring-donation-option.selected>label {
    font-weight: bolder;
    margin-bottom: -1px;
    border-color: #ddd;
    border-bottom: none;
    background: #fff;
    border-radius: 10px 10px 0 0;
}

.charitable-donation-form .recurring-donation .recurring-donation-option.selected > label {
    color: #161616 !important;
}


.charitable-donation-form .recurring-donation .recurring-donation-option label {
   
    border-width: 1px 1px 0 1px;
    background-color: #e1e1e1 !important;
    border-radius: 10px 10px 0 0;

}

.charitable-donation-form .recurring-donation .recurring-donation-option.selected > label {
    background-color: white !important;
}


.charitable-visual-donation-form input[type=text]  {
    border: 1px solid #d2d2d2 !important;
    border-radius: 10px;
}



.charitable-visual-donation-form input[type=date], .charitable-visual-donation-form input[type=email], .charitable-visual-donation-form input[type=number], .charitable-visual-donation-form input[type=tel], .charitable-visual-donation-form input[type=text], .charitable-visual-donation-form select, .charitable-visual-donation-form textarea {
    padding: var(--charitable-input-padding-y) var(--charitable-input-padding-x);
    border:  1px solid #d2d2d2; 
    border-radius: 10px;
}

.charitable-form-field.charitable-form-field-checkbox label {

    font-size: 12px;
}

#charitable-gateway-fields-stripe.charitable-cc-fields-multiple>div input, #charitable-gateway-fields-stripe.charitable-cc-fields-multiple>div>div {
    width: 100% !important; 
    border-radius: 10px !important;
    
}

.charitable-visual-donation-form .charitable-donate-button-submit {
    border-radius: 20px;
}/* End custom CSS */