/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.4.3.1748518739
Updated: 2025-05-29 11:38:59
*/
/* 1. Ustawiamy flexbox i zerujemy padding, by lepiej kontrolować centrowanie */
.mc_call_me a {
display: flex !important;
align-items: center;
justify-content: center;
box-sizing: border-box;
background: #E5F0F8 !important;
width: 180px !important;
height: 56px !important;
font-family: "scandia-web", Sans-serif !important;
font-size: 16px !important;
font-weight: 500 !important;
padding-left:40px !important;
border-radius: 97px !important;
text-decoration: none;
color: inherit;
padding: 0; /* usuwamy wszelki domyślny padding */
}
/* 2. Pseudo-element z ikoną – zawsze widoczny, margin-right pushuje tekst */
.mc_call_me a::before {
content: "";
display: flex;
position:absolute;
left:30px;
flex-shrink: 0;
opacity:1 !important;
width: 14px;
height: 14px;
background-image: url("data:image/svg+xml;charset=UTF-8, ustawiamy na 50% szerokości – dzięki flex-wrap będą w jednym wierszu */
#menu-2-68933ff > li:nth-last-child(2),
#menu-2-68933ff > li:last-child {
width: 50px;
justify-content:center;
display:flex;
align-items:center;
margin-top:20px
}
b, strong {
font-weight: 500;
}
.forminator-label{
display:none !important;
}
#forminator-module-510 .forminator-input{
border-radius: 50px !important;
background: #d9d9d921 !important;
border:none !important;
max-width: 439px !important;
margin:auto !important;
padding:15px 40px !important;
}
#forminator-module-510 .forminator-input::placeholder {
color: #FFF;
text-align: center;
/* Mobile/Akapit */
font-family: "scandia-web", Sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 27px; /* 168.75% */
text-align:left;
}
#forminator-module-510 .forminator-checkbox-label, .forminator-checkbox-label a{
color: #FFF;
text-align: center;
/* Mobile/Akapit Small */
font-family: "scandia-web", Sans-serif;
font-size: 13px;
font-style: normal;
font-weight: 400;
line-height: 22px; /* 169.231% */
}
#forminator-module-510 .forminator-checkbox-label a{
text-decoration-line: underline;
}
#forminator-module-510 .forminator-checkbox{
display:flex !important;
justify-content:center;
}
#forminator-module-510 .forminator-button-submit{
border-radius: 100px !important;
background: var(--Pink, #FE5683) !important;
box-shadow: 0px 112px 31px 0px rgba(14, 156, 149, 0.00), 0px 72px 29px 0px rgba(14, 156, 149, 0.01), 0px 40px 24px 0px rgba(14, 156, 149, 0.05), 0px 18px 18px 0px rgba(14, 156, 149, 0.09), 0px 4px 10px 0px rgba(14, 156, 149, 0.10) !important;
color: #FFF;
text-align: center;
font-size: 15px !important;
font-style: normal !important;
font-weight: 500 !important;
line-height: 27px !important;
letter-spacing: 1.5px !important;
padding: 15px 48px !important;
max-width:163px;
margin:auto;
}
#forminator-module-510 .forminator-button-submit:hover{
background: var(--Pink, #f72b61) !important;
}
#forminator-module-510 .forminator-field{
display:flex;
justify-content:center;
}
html, body{
overflow-x:hidden;
}
.mc_mobile_menu .elementor-nav-menu__container{
height:calc(100vh - 94px);
}
.mc_mobile_menu .elementor-nav-menu--dropdown[aria-hidden="false"] {
display:flex;
justify-content:center;
align-items:center;
background-color:#F0F7FD;
}
.mc_mobile_menu .elementor-nav-menu--dropdown[aria-hidden="false"] ul {
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
width:100%;
}
.mc_rekrutacja #forminator-module-2167 input{
border-radius: 20px;
border: 1px solid var(--Granat, #464871);
background: rgba(255, 255, 255, 0.00);
height: 54px;
padding-left:10% !important;
}
.mc_rekrutacja #forminator-module-2167 .forminator-input-with-icon span{
display:none !important;
}
#forminator-module-2167 .forminator-input-with-icon .forminator-input {
padding-left: 0px;
}
.mc_rekrutacja #forminator-module-2167 input::placeholder {
color: #464871 !important;
font-family: "scandia-web", Sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 27px; /* 168.75% */
padding-left:20px
opacity:1 !important;
}
.mc_rekrutacja #forminator-module-2167 h2{
/* Mobile/Akapit Small Bold */
font-family: "scandia-web", Sans-serif;
font-size: 12px !important;
font-style: normal !important;
font-weight: 500 !important;
line-height: 27px !important; /* 225% */
}
.mc_rekrutacja #forminator-module-2167 h3{
/* Mobile/Akapit Small Bold */
font-family: "scandia-web", Sans-serif;
font-size: 13px !important;
font-style: normal !important;
font-weight: 400 !important;
line-height: 22px !important; /* 225% */
}
.mc_rekrutacja .forminator-button-submit{
display: flex !important;
width: 163px !important;
height: 56px !important;
padding: 15px 48px !important;
justify-content: center !important;
align-items: center !important;
flex-shrink: 0 !important;
border-radius: 100px !important;
background: var(--Green, #0F9C95) !important;
box-shadow: 0px 112px 31px 0px rgba(14, 156, 149, 0.00), 0px 72px 29px 0px rgba(14, 156, 149, 0.01), 0px 40px 24px 0px rgba(14, 156, 149, 0.05), 0px 18px 18px 0px rgba(14, 156, 149, 0.09), 0px 4px 10px 0px rgba(14, 156, 149, 0.10) !important;
position:absolute !important;
bottom:-80px !important;
z-index:1;
right:0;
}
@media (max-width: 782px) {
.forminator-ui.forminator-custom-form[data-design=default] .forminator-button {
width: 137px !important;
margin: 0 0 0 0 !important;
}
#forminator-module-510 .forminator-button-submit {
padding: 15px 8px !important;
}
}
.mc_mobile_menu .elementor-nav-menu--dropdown{
top:50px !important;
}
@media (max-width: 767px) {
.elementor-34 .elementor-element.elementor-element-6555355 > .elementor-widget-container {
padding: 0px 0px 0px 0px;
}
}
@media (max-width: 767px) {
.mc_logo .elementor-widget__width-initial{
height:100%;
}
.mc_logo{
height:100%;
}
}
.mc_call_me {
margin-top:40px !important;
}
.menu-item-object-language_switcher a{
color: #464871 !important;
font-family: "scandia-web", Sans-serif !important;
font-size: 12px !important;
font-style: normal !important;
font-weight: 500 !important;
line-height: normal !important;
width: 41.5px;
height: 41.5px;
flex-shrink: 0;
display:flex;
justify-content:center;
align-items:center;
}
.current-language-menu-item a{
color: #fff !important;
font-family: "scandia-web", Sans-serif !important;
font-size: 12px !important;
font-style: normal !important;
font-weight: 500 !important;
line-height: normal !important;
width: 41.5px;
height: 41.5px;
flex-shrink: 0;
background:#464871;
border-radius:999px !important;
display:flex;
justify-content:center;
align-items:center;
}
.menu-item-object-language_switcher a:hover{
color: #fff !important;
font-family: "scandia-web", Sans-serif !important;
font-size: 12px !important;
font-style: normal !important;
font-weight: 500 !important;
line-height: normal !important;
width: 41.5px;
height: 41.5px;
flex-shrink: 0;
background:#464871 !important;
border-radius:999px !important;
display:flex;
justify-content:center;
align-items:center;
}
.mc_lanng_pc ul{
display:flex;
gap:5px;
background:#E5F0F8;
border-radius: 97.917px;
height:54px;
justify-content:center !important;
align-items:center;
padding:0px 9px;
box-sizing: border-box;
}
.mc_mobile_menu .elementor-nav-menu--dropdown[aria-hidden="false"] {
display: flex;
justify-content: center;
align-items: center;
background-color: #F0F7FD;
position: relative;
padding-left: 60px; /* miejsce na ikonę po lewej */
padding-right: 60px; /* miejsce na ikonę po prawej */
}
/* ------------------------------------------------------------
1) LEWA IKONA (cloud.svg) — Pseudo‐element ::before
------------------------------------------------------------ */
.mc_mobile_menu .elementor-nav-menu--dropdown[aria-hidden="false"]::before {
content: "";
position: absolute;
top: 50%;
/* zaczynamy jeszcze bardziej po lewej, żeby potem "przyleciało" w animacji */
left: -300px;
width: 190px;
height: 155px;
background-image: url('/wp-content/uploads/2025/05/cloud.svg');
background-size: contain;
background-repeat: no-repeat;
transform: translateY(-50%);
/* animacja przylotu */
animation: slideInCloudLeft 0.5s ease-out forwards;
/* opóźnienie 0.2s, żeby nie latało od razu */
animation-delay: 0.2s;
}
/* ------------------------------------------------------------
2) PRAWA IKONA (cloud_pink.svg) — Pseudo‐element ::after
------------------------------------------------------------ */
.mc_mobile_menu .elementor-nav-menu--dropdown[aria-hidden="false"]::after {
content: "";
position: absolute;
top: 60%;
/* zaczynamy jeszcze bardziej po prawej */
right: -300px;
width: 86px;
height: 62px;
background-image: url('/wp-content/uploads/2025/05/cloud_pink.svg');
background-size: contain;
background-repeat: no-repeat;
transform: translateY(-50%);
/* animacja przylotu */
animation: slideInCloudRight 0.5s ease-out forwards;
/* opóźnienie 0.4s, aby pojawiło się po lewej ikonie */
animation-delay: 0.4s;
}
/* ------------------------------------------------------------
3) TRZECIA GRAFIKA (SoaKrDLW.png) — jako TŁO elementu
------------------------------------------------------------ */
/* Upewnij się, że ten element ma position: relative */
.mc_mobile_menu .elementor-nav-menu--dropdown[aria-hidden="false"] {
position: relative;
/* ustawiamy początkowe tło "poza ekranem" w prawym dolnym rogu */
background-image: url('/wp-content/uploads/2025/06/SoaKrDLW.png');
background-repeat: no-repeat;
/* wymiary 200×200 (dostosuj, jeśli potrzebne) */
background-size: 200px 200px;
/* początkowo w prawym dolnym rogu poza widocznym obszarem */
background-position: 200% 200%;
/* animacja przylotu tła */
animation: slideInBg 0.5s ease-out forwards !important;
/* opóźnienie 0.6s, by pojawiło się po kolorowych chmurach */
animation-delay: 0.8s !important;
}
/* ------------------------------------------------------------
DEFINICJA KLATEK ANIMACJI DLA TRZECIEJ GRAFIKI
------------------------------------------------------------ */
@keyframes slideInBg {
from {
background-position: 200% 200%;
}
to {
background-position: 152% 132%;
}
}
/* ------------------------------------------------------------
4) DEFINICJE KLATEK ANIMACJI
------------------------------------------------------------ */
/* Lewa chmura: z -300px do -95px */
@keyframes slideInCloudLeft {
from {
left: -300px;
}
to {
left: -95px;
}
}
/* Prawa chmura: z -300px do -33px */
@keyframes slideInCloudRight {
from {
right: -300px;
}
to {
right: -33px;
}
}
#captcha-1{
display:flex;
}
#forminator-module-510 #captcha-1{
justify-content:center;
}
.forminator-ui#forminator-module-510.forminator-design--default .forminator-input, .forminator-ui#forminator-module-510.forminator-design--default .forminator-input input, .forminator-ui#forminator-module-510.forminator-design--default .forminator-iti-input .iti__selected-dial-code {
color: #fff !important;
}
#forminator-module-510 .forminator-field {
display:flex;
flex-direction:column;
}
.forminator-ui#forminator-module-510.forminator-design--default .forminator-error-message {
background-color: transparent !important;
color: red !important;
text-align: center;
}