/* * Formularz kontaktowy (wtyczka goldplace-contact-form) w wyglądzie 1:1 z szablonu goldplace.eu. * Wtyczka zostaje bez zmian; tu tylko nadpisujemy jej style tam, gdzie różnią się od szablonu. * Wartości zmierzone z szablonu (index.html, #kontakt-i-lokalizacja). */ .gpcf.contact-container { letter-spacing: .72px; line-height: 1.5; } .gpcf .gp-modal-content { max-width: none; } @media (min-width: 769px) { .gpcf .gp-modal-header { font-size: 19.2px; line-height: 28.8px; letter-spacing: .72px; padding: 10px 15px; } .gpcf .gpcf-form .form-row { display: block; margin: 15px 0; } .gpcf .gpcf-form .form-row::after { content: ""; display: table; clear: both; } .gpcf .gpcf-form .form-row > .mf-input-label { display: inline-block; vertical-align: top; width: 130px; flex: none; padding: 10px 0 0 !important; font-size: 14.4px !important; line-height: 21.6px !important; letter-spacing: .72px; } .gpcf .gpcf-form .form-row > .field-column { float: right; width: 70%; } .gpcf .gpcf-form input[type='text'], .gpcf .gpcf-form input[type='email'], .gpcf .gpcf-form input[type='tel'] { min-height: 0; padding: 10px; font-size: 16px !important; line-height: 18.4px !important; letter-spacing: .72px; } .gpcf .gpcf-form textarea { height: 60px; min-height: 0; max-height: none; padding: 5px 10px; font-size: 16px !important; line-height: 18.4px !important; letter-spacing: .72px; } /* zgoda na newsletter: pod polami, w kolumnie pól */ .gpcf .gpcf-form .form-row--agreements { margin: 10px 0 !important; } .gpcf .gpcf-form .form-row--agreements > .mf-input-label { display: none; } .gpcf .gpcf-form .form-row--agreements .mf-checkbox { width: 70%; margin-left: 30%; text-align: left; } .gpcf .gpcf-form .form-row--agreements label { display: block; width: auto; padding: 10px 0 0 !important; font-size: 11px !important; line-height: 16.5px !important; text-align: left !important; cursor: pointer; } .gpcf .gpcf-form .form-row--agreements input[type='checkbox'] { display: inline; width: auto; min-height: 0; margin: 0 1px 1px 0; position: relative; top: 2px; vertical-align: baseline; } .gpcf .gpcf-form .form-row--agreements p.agreement { display: inline; font-size: 11px; line-height: 16.5px; margin: 0; } .gpcf .gpcf-form .gpcf-submit-row { display: block; width: 70%; margin: 10px 0 15px 30% !important; } .gpcf .gpcf-form .gpcf-submit-row button { padding: 10px; font-size: 18px; line-height: 27px; letter-spacing: 1.6px; } .gpcf .disclaimer-info { margin-top: 15px; font-size: 11px; font-weight: 300; line-height: 16.5px; letter-spacing: 0; text-align: left; } } /* Wtyczka wstawia spację przed gwiazdką („Imię i nazwisko *”); w szablonie gwiazdka stoi przy tekście. */ .gpcf .mf-input-required-indicator { margin-left: -.3em; } /* Puste miejsce na komunikat błędu nie zajmuje wysokości (w szablonie go nie ma). */ .gpcf .gpcf-form .gpcf-field-error:empty { display: none; } .gpcf .disclaimer-info, .gpcf .disclaimer-info span, .gpcf .disclaimer-info a { letter-spacing: 0; } .gpcf .disclaimer-info .read-more { display: inline; margin: 0; padding: 0; } /* Telefon: pola przezroczyste ze złotą linią, złota etykieta na polu (po kliknięciu/wpisaniu przesuwa się nad pole). */ @media (max-width: 768px) { .gpcf.contact-container { letter-spacing: normal; } .gpcf .gp-modal-header { font-size: 14px; line-height: 21px; letter-spacing: normal; padding: 10px 15px; } .gpcf .gpcf-form .form-row { display: block; position: relative; margin: 20px 0; } .gpcf .gpcf-form .form-row > .mf-input-label { position: absolute; top: 0; left: 0; z-index: 1; width: 130px; margin: 0; padding: 10px 0 0 !important; font-size: 14.4px !important; line-height: 21.6px !important; letter-spacing: normal; color: #f7a400 !important; text-align: left !important; transform: translate(0, 4px) scale(1); transform-origin: top left; transition: transform .1s ease-in-out; pointer-events: none; } .gpcf .gpcf-form .form-row:focus-within > .mf-input-label, .gpcf .gpcf-form .form-row:has(input:not(:placeholder-shown)) > .mf-input-label, .gpcf .gpcf-form .form-row:has(textarea:not(:placeholder-shown)) > .mf-input-label { transform: translate(-14px, -14px) scale(.75); } .gpcf .gpcf-form .form-row > .field-column { width: 100%; } .gpcf .gpcf-form input[type='text'], .gpcf .gpcf-form input[type='email'], .gpcf .gpcf-form input[type='tel'] { min-height: 0; padding: 10px; background: transparent; color: #fff; border: 0; border-bottom: 1px solid #f7a400; font-size: 16px !important; line-height: 18.4px !important; letter-spacing: normal; } .gpcf .gpcf-form textarea { height: 60px; min-height: 0; max-height: none; padding: 5px 0 15px; background: transparent; color: #fff; border: 0; border-bottom: 1px solid #f7a400; font-size: 16px !important; line-height: 18.4px !important; } .gpcf .gpcf-form input::placeholder, .gpcf .gpcf-form textarea::placeholder { color: transparent; } .gpcf .gpcf-form .form-row--agreements { margin: 15px 0 10px !important; } .gpcf .gpcf-form .form-row--agreements > .mf-input-label { display: none; } .gpcf .gpcf-form .form-row--agreements .mf-checkbox { width: 100%; margin: 0; } .gpcf .gpcf-form .form-row--agreements label { position: relative; display: block; width: 100%; padding: 10px 0 0 !important; font-size: 11px !important; line-height: 16.5px !important; font-weight: 400 !important; color: #fff !important; text-align: left !important; letter-spacing: normal; transform: translateY(4px); } .gpcf .gpcf-form .form-row--agreements input[type='checkbox'] { display: inline; width: 13px; height: 13px; min-height: 0; margin: 0 1px 1px 0; position: relative; top: 2px; } .gpcf .gpcf-form .form-row--agreements p.agreement { display: inline; font-size: 11px; line-height: 16.5px; margin: 0; } .gpcf .gpcf-form .gpcf-submit-row { display: block; width: 100%; margin: 10px 0 15px !important; } .gpcf .gpcf-form .gpcf-submit-row button { padding: 10px; font-size: 16px; line-height: 24px; letter-spacing: 1.6px; } .gpcf .disclaimer-info { margin-top: 15px; font-size: 11px; font-weight: 300; line-height: 16.5px; letter-spacing: normal; text-align: left; } } /* ---- Krok „Zaznacz temat wiadomości” – 1:1 ze stage.goldplace.eu (wartości zmierzone tam) ---- */ /* Ikony kafelków: font „check” z motywu stage (oh/assets/fonts/check.woff2), tylko ikony używane w formularzu. */ @font-face { font-family: gp-check; src: url(fonts/check.woff2) format('woff2'); font-weight: 400; font-style: normal; font-display: swap; } .gpcf .gpcf-subject-card i[class^='icon-']::before { font-family: gp-check; font-style: normal; font-weight: 400; display: inline-block; width: 1em; margin: 0 .2em; line-height: 1em; text-align: center; text-decoration: inherit; text-transform: none; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .gpcf .icon-location::before { content: '\e876'; } .gpcf .icon-coworking-1::before { content: '\e859'; } .gpcf .icon-sala-konferencyjna::before { content: '\e861'; } .gpcf .icon-accounting::before { content: '\e85f'; } .gpcf .icon-company-formation::before { content: '\e881'; } .gpcf .icon-certificate::before { content: '\e801'; } .gpcf .icon-clients::before { content: '\e87b'; } .gpcf .icon-question::before { content: '\e86e'; } /* Typografia jak na stage (motyw stage2 dawał większe nagłówki i style przycisków Elementora). */ .gpcf .subject-step .subject-step__title { font-size: 24px; font-weight: 400; line-height: 34.8px; letter-spacing: 1.08px; } .gpcf .subject-step .subject-step__subtitle { font-size: 18px; font-weight: 300; line-height: 27px; letter-spacing: .81px; } .gpcf .subject-step .select-subject-message { font-size: 18px; font-weight: 300; line-height: 27px; letter-spacing: .81px; } .gpcf .subject-step .select-subject-message h4 { font-family: Arial, sans-serif; font-size: 18px; font-weight: 700; line-height: 22.86px; letter-spacing: .81px; } /* Kafelki to