::-webkit-scrollbar {
width: 5px;
}
::-webkit-scrollbar-track {
background: #f1f1f1;
}
::-webkit-scrollbar-thumb {
background: #504a40;
border-radius: 3px;
}
::-webkit-scrollbar-thumb:hover {
background: #555;
}
.grecaptcha-badge { 
visibility: hidden !important;
}
.social-media-wrapper {
display: flex;
align-items: center;
padding-left: 21px;
margin-left: 14px;
border-left: 1px solid #f0f0f0;
}
.social-media-wrapper a {
display: block;
font-size: 0;
padding: 0 7px;
}
.social-media-wrapper img {
width: 31px;
filter: grayscale(1);
transition: filter .3s ease-in-out;
border-radius: 50%;
}
.social-media-wrapper .trojmiasto-icon-desktop img {
width: 100px;
border-radius: unset;
}
.social-media-wrapper .trojmiasto-icon-mobile {
display: none;
}
.footer-widget-area>* {
display: flex;
align-items: center;
}
.site-bottom-footer-inner-wrap {
border-top: 3px solid #75c147;
}
.site-footer-bottom-section-2 .footer-widget-area-inner {
justify-content: center;
}
.site-footer-bottom-section-3 .footer-widget-area-inner {
justify-content: flex-end;
}
@media(max-width: 767px) {
.social-media-wrapper {
padding-left: 0;
padding-right: 0;
margin-left: 0;
margin-right: 0;
border-left: 0;
border-right: 1px solid #f0f0f0;
justify-content: center;
}
.social-media-wrapper .trojmiasto-icon-desktop {
display: none;
}
.social-media-wrapper .trojmiasto-icon-mobile {
display: block;
}
.site-header-section-right .site-header-item {
margin-right: 0;
}
.site-footer-bottom-section-1 .footer-widget-area-inner,
.site-footer-bottom-section-2 .footer-widget-area-inner,
.site-footer-bottom-section-3 .footer-widget-area-inner {
justify-content: center;
}
}
@media (hover: hover) {
.social-media-wrapper a:hover img {
filter: grayscale(0);
opacity: 1;
}
}
.single-content address, .single-content figure, .single-content hr, .single-content p, .single-content table, .single-content pre, .single-content form, .single-content .wp-block-buttons, .single-content .wp-block-button, .single-content .wc-block-grid, .single-content .wp-block-kadence-advancedbtn, .single-content .wp-block-media-text, .single-content .wp-block-cover, .single-content .entry-content-asset, .single-content .wp-block-kadence-form, .single-content .wp-block-group, .single-content .wp-block-yoast-faq-block, .single-content .wp-block-yoast-how-to-block, .single-content .schema-faq-section, .single-content .wp-block-kadence-tableofcontents, .single-content .enlighter-default, .single-content .wp-block-kadence-iconlist, .single-content [class*=__inner-content] {
margin-bottom: var(--global-xs-spacing);
}
.single-content ul, .single-content ol {
margin-bottom: var(--global-xs-spacing);
}
.form-wrapper {
display: flex;
flex-direction: column;
gap: 15px;
}
.form-inner-wrapper {
display: grid;
grid-template-columns: 0.5fr 1fr;
grid-gap: 1rem;
}
.form-inner-wrapper label {
display: flex;
justify-content: flex-end;
align-items: center;
text-align: right;
}
.form-inner-wrapper label[for='your-message'] {
align-items: flex-start;
padding-top: 6px;
}
.form-button-wrapper {
position: relative;
}
.form-wrapper input[type="text"],
.form-wrapper input[type="email"],
.form-wrapper textarea {
font-family: var(--global-body-font-family);
color: #111;
background: #fff;
border-color: #e0e0e0;
border-radius: 0;
flex-basis: 100%;
flex-grow: 1;
max-width: 100%;
min-height: 40px;
padding: 8px 5px;
vertical-align: middle;
width: 100%;
z-index: 10;
font-size: 13px;
line-height: normal;
}
.form-wrapper textarea {
height: 148px;
resize: none;
}
.form-wrapper input[type="text"]::placeholder, .form-wrapper input[type="email"]::placeholder, .form-wrapper textarea::placeholder {
color: #111;
opacity: .75;
}
.wpcf7-spinner {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
margin: 0;
}
.wpcf7 form .wpcf7-response-output {
border-radius: 0;
margin: 1rem 0 0 0;
padding: 6px 12px;
border: 2px solid #00a0d2;
font-size: 12px;
}
.wpcf7 form.sent .wpcf7-response-output {
color: #155724;
background-color: #d4edda;
border-color: #c3e6cb;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
color: #721c24;
background-color: #f8d7da;
border-color: #f5c6cb;
}
.form-wrapper .wpcf7-not-valid-tip {
color: #fff;
background-color: #dc3232;
border-color: #dc3232;
position: relative;
padding: 2px 5px;
border: 1px solid transparent;
border-radius: 0;
font-size: 10px;
line-height: 1.25;
}
.form-wrapper input[type="text"].wpcf7-not-valid, 
.form-wrapper input[type="email"].wpcf7-not-valid, 
.form-wrapper textarea.wpcf7-not-valid {
border-radius: 0;
border-color: #dc3232;
border-width: 1px;
}
.form-wrapper .wpcf7-list-item {
margin: 0;
}
.form-wrapper  .wpcf7-acceptance {
line-height: 1.15em;
}
.form-wrapper input[type="checkbox"] {
display: none;
}
.form-wrapper .wpcf7-list-item label {
position: relative;
display: flex;
padding-left: 24px;
text-align: left;
}
.form-wrapper .form-inner-acceptance-wrapper .wpcf7-list-item-label::before {
content: '';
position: absolute;
left: 0;
height: 16px;
width: 16px;
border: 1px solid #111;
margin: 0;
border-radius: 0;
}
.form-inner-acceptance-wrapper > div > p{
margin-top: 1rem;
}
.form-wrapper .form-inner-acceptance-wrapper .wpcf7-list-item-label::after {
content: '';
position: absolute;
top: 4px;
left: 4px;
height: 8px;
width: 8px;
background-color: #111;
border-radius: 0;
visibility: hidden;
}
.form-wrapper input[type="checkbox"]:checked + .wpcf7-list-item-label::after {
visibility: visible;
}
.form-wrapper .wpcf7-list-item-label {
color: #111;
font-style: normal;
font-weight: inherit;
}
.form-wrapper .privacy-info a {
color: #111;
text-decoration: none;
}
.form-wrapper .privacy-info a:hover {
text-decoration: underline;
}
@media(max-width: 1024px) {
.form-inner-wrapper {
grid-template-columns: 1fr;
}
.form-inner-wrapper label {
display: none;
}
}
.kt-image-overlay-message {
border: 0;
} .phone-btn {
position: fixed;
bottom: 30px;
right: 30px;
width: 70px;
height: 70px;
display: none;
justify-content: center;
align-items: center;
z-index: 10;
border-radius: 50%;
border: 0;
box-shadow: 0 0.125em 0.5em #aaa, inset 0 0 0 3em #74C044, 0 0 0 0 rgba(103, 158, 68, .25);
background-color: #81c656;
animation: scaleUp 2s infinite, borderScale 2s infinite;
outline: 0;
}
@media only screen and (hover: none) and (pointer: coarse){
.phone-btn{
display: flex;
}
}
.phone-btn:focus {
outline: 0;
background-color: #81c656;
}
.phone-btn > svg {
width: 32px;
height: 32px;
fill: #fff;
animation: shake 2s cubic-bezier(0.43, 0, 0.6, 0.4) infinite;
}
@media(hover:hover) {
.phone-btn:hover {
background-color: #81c656;
}
}
@keyframes borderScale {
0% {
box-shadow: 0 0.125em 0.5em #aaa, inset 0 0 0 3em #74C044, 0 0 0 0 rgba(103, 158, 68, .25);
}
50% {
box-shadow: 0 0.125em 0.5em #aaa, inset 0 0 0 0.5em #74C044, 0 0 0 0 rgba(103, 158, 68, .25);
}
100% {
box-shadow: 0 0.125em 0.5em #aaa, inset 0 0 0 3em #81c656, 0 0 0 3em rgba(103, 158, 68, 0);
}
}
@keyframes scaleUp {
0% {
transform: scale(1);
}
50% {
transform: scale(1.125);
}
60% {
transform: scale(1);
}
}
@keyframes shake {
0% {
transform: translate(0, 0);
}
1.25% {
transform: translate(-2.5%, 0);
}
2.5% {
transform: translate(0, 0);
}
3.75% {
transform: translate(2.5%, 0);
}
5% {
transform: translate(0, 0);
}
6.25% {
transform: translate(-5%, 0);
}
7.5% {
transform: translate(0, 0);
}
8.75% {
transform: translate(5%, 0);
}
10% {
transform: translate(0, 0);
}
11.25% {
transform: translate(-5%, 0);
}
12.5% {
transform: translate(0, 0);
}
13.75% {
transform: translate(5%, 0);
}
15% {
transform: translate(0, 0);
}
16.25% {
transform: translate(-7.5%, 0);
}
17.5% {
transform: translate(0, 0);
}
18.75% {
transform: translate(7.5%, 0);
}
20% {
transform: translate(0, 0);
}
21.25% {
transform: translate(-7.5%, 0);
}
22.5% {
transform: translate(0, 0);
}
23.75% {
transform: translate(7.5%, 0);
}
25% {
transform: translate(0, 0);
}
26.25% {
transform: translate(-7.5%, 0);
}
27.5% {
transform: translate(0, 0);
}
28.75% {
transform: translate(7.5%, 0);
}
30% {
transform: translate(0, 0);
}
31.25% {
transform: translate(-7.5%, 0);
}
32.5% {
transform: translate(0, 0);
}
33.75% {
transform: translate(7.5%, 0);
}
35% {
transform: translate(0, 0);
}
36.25% {
transform: translate(-7.5%, 0);
}
37.5% {
transform: translate(0, 0);
}
38.75% {
transform: translate(7.5%, 0);
}
40% {
transform: translate(0, 0);
}
41.25% {
transform: translate(-7.5%, 0);
}
42.5% {
transform: translate(0, 0);
}
43.75% {
transform: translate(7.5%, 0);
}
45% {
transform: translate(0, 0);
}
46.25% {
transform: translate(-7.5%, 0);
}
47.5% {
transform: translate(0, 0);
}
48.75% {
transform: translate(7.5%, 0);
}
50% {
transform: translate(0, 0);
}
}