/* * * * * * * * * * * * * * * * * * * *
 *
 *   @site		terra58.pl
 *   @name		custom.css
 *   @author	Bartosz Machnik
 *   @created	03.2026
 *   @licence	copyright (c) by sitte.pl
 *   @version	1.0.0
 *
 */

/*** GLOBAL ***/
:root {
	--bRad: 8px;
	font-size:14px;
}
a { font-weight: 400; }
a:hover, a:focus, a:active { color: #000; }
p:last-child { margin: 0; }
h1, h2, h3, h4, h5, h6 { margin: 0 0 0.2em 0; }
.fix1 h3 { font-family: Inter; font-size: 20px; font-weight: 300; color: #000000; line-height: 1.6; }
.fix2 h3 { font-family: Inter; font-size: 20px; font-weight: 300; color: #000000; line-height: 1.6; }

.sp-module ul > li > a:hover { color: var(--sppb-bg-color1); }

/* domyślne ustawienia sekcji */
.sppb-section { padding: 140px 0; }
	@media (max-width: 767px) { .sppb-section { padding: 100px 0; } }
.top0{padding-top:0;}
.bottom0{padding-bottom:0;}
.sppb-section .sppb-section { padding: 0; margin: 0; }

/* przyciski */
body .sppb-btn, .btn-primary, .sppb-btn-primary { color: #fff; padding: 0.75rem 2.4rem; font-size: 1rem; font-weight: 500; border-radius: 123px; }
.btn-primary.s-btn1, .sppb-btn-primary.s-btn1 { background-color: var(--sppb-bg-color2); border-color: var(--sppb-bg-color2); color: #000; }
.btn-primary.s-btn1:hover, .sppb-btn-primary.s-btn1:hover { background-color: var(--sppb-bg-color3); border-color: var(--sppb-bg-color1); color: #000; }
.btn-primary.s-btn2, .sppb-btn-primary.s-btn2 { background-color: var(--sppb-text-color1); border-color: var(--sppb-text-color1); color: var(--sppb-text-color2); }
.btn-primary.s-btn3, .sppb-btn-primary.s-btn3 { background-color: #92b8e1; border-color: #92b8e1; color: #000; }
.btn-primary.s-btn3:hover, .sppb-btn-primary.s-btn3:hover { background-color: var(--sppb-bg-color2); border-color: var(--sppb-bg-color2); color: #fff; /* var(--sppb-text-color1); */ }

/* !!! RYZYKOWNA REGUŁA !!! */
.sppb-addon-single-image-container, .sppb-addon-single-image-container img { width: 100%; }

#sp-main-body:has(#system-message-container:empty) { padding: 0; }




/*** MENU ***/
.sp-megamenu-parent > li > a,
.sp-megamenu-parent > li.active > a
	{ color: var(--sppb-text-color1); text-transform: uppercase; }
.sp-megamenu-parent > li > a:hover, .sp-megamenu-parent > li > a:active, .sp-megamenu-parent > li > a:focus,
.sp-megamenu-parent > li.active:hover > a
	{ color: var(--sppb-bg-color2); }




/*** HEADER ***/
#sp-header { background: transparent; }
#sp-header .container, #sp-header .container-lg, #sp-header .container-md, #sp-header .container-sm, #sp-header .container-xl { max-width: 100%; }
#sp-top-bar { background: var(--sppb-bg-color6); padding: 15px 0; position: relative; z-index: 3; }
#sp-top-bar a, #sp-top-bar .slogan { color: var(--sppb-text-color1); text-transform: uppercase; font-size: 0.875rem; font-weight: 500; letter-spacing: 4.2px; text-align: center; }
#sp-logo { margin: 0 auto; }
	/* fix v2 - odległość od prawej krawędzi strony */
	@media (min-width: 992px) { #sp-header #sp-menu { padding-right: 0; }}
#sp-header .sppb-row > div { padding-right: 0; }
#sp-header .sppb-btn { font-size: 1rem; font-weight: 400; }
ul.social-icons > li:not(:last-child) { margin-right: 28px; }
ul.social-icons a { font-size: 1.666rem; color: rgba(255,255,255,0.6); }
ul.social-icons > li a:hover { color: var(--sppb-bg-color2); }
/* sticky */
#sp-header.header-sticky { background: var(--sppb-bg-color1); }
#sp-header.header-sticky .sp-megamenu-parent > li > a:hover, #sp-header.header-sticky .sp-megamenu-parent > li > a:active, #sp-header.header-sticky .sp-megamenu-parent > li > a:focus,
#sp-header.header-sticky .sp-megamenu-parent > li.active:hover > a
	{ color: var(--sppb-bg-color2); }
#sp-header.header-sticky ul.social-icons > li a:hover { color: var(--sppb-bg-color2); }
@media (max-width: 991px) {
	#sp-header { height: 80px; }
	#sp-header .row { padding: 15px 0; }
	#sp-header .sp-module { margin-left: 0; }
}
@media (max-width: 575px) {
	#sp-header { height: 80px; }
	#sp-header .s-social-container { display: none; }
	#sp-header .sp-megamenu-wrapper { display: none!important; }
	body.ltr #offcanvas-toggler.offcanvas-toggler-right { margin-left: 0; }
}




/*** OFFCANVAS ***/
/* .burger-icon > span { background-color: var(--sppb-bg-color3); } */
.burger-icon > span { background-color: rgba(255,255,255,0.6); }
.offcanvas-menu { background-color: var(--sppb-bg-color3); }
.offcanvas-menu .offcanvas-inner { display: flex; flex-direction: column; }
.offcanvas-menu .offcanvas-inner > div, .offcanvas-menu .offcanvas-inner > ul { order: 3; }
.offcanvas-menu .offcanvas-inner > .order-1 { order: 1; }
/* linki z template.css */
/* opacity */
.offcanvas-menu .sp-contact-info > li .fas, .offcanvas-menu .sp-contact-info > li .far { opacity: 0.7; }
.offcanvas-menu .sp-contact-info > li:hover .fas,
.offcanvas-menu .sp-contact-info > li:active .fas,
.offcanvas-menu .sp-contact-info > li:focus .fas,
.offcanvas-menu .sp-contact-info > li:active .far,
.offcanvas-menu .sp-contact-info > li:hover .far,
.offcanvas-menu .sp-contact-info > li:focus .far
	{ opacity: 1; }
/* kolory */
.offcanvas-menu .offcanvas-inner a,
.offcanvas-menu .offcanvas-inner ul.menu > li a, .offcanvas-menu .offcanvas-inner ul.menu > li span,
.offcanvas-menu .fa, .offcanvas-menu .fab, .offcanvas-menu .far, .offcanvas-menu .fas	
	{ color: var(--sppb-text-color2); }
.offcanvas-menu .offcanvas-inner ul.menu li.active > a, .offcanvas-menu .offcanvas-inner ul.menu li.active > .nav-header, .offcanvas-menu .offcanvas-inner ul.menu li.active > .mod-menu__heading
	{ color: var(--sppb-text-color2); position: relative; }
.offcanvas-menu .offcanvas-inner a:hover, .offcanvas-menu .offcanvas-inner a:focus, .offcanvas-menu .offcanvas-inner a:active,
.offcanvas-menu .offcanvas-inner ul.menu > li a:hover, .offcanvas-menu .offcanvas-inner ul.menu > li a:focus, .offcanvas-menu .offcanvas-inner ul.menu > li span:hover, .offcanvas-menu .offcanvas-inner ul.menu > li span:focus
	{ color: var(--sppb-text-color2); }

.offcanvas-menu .offcanvas-inner ul.menu > li > a, .offcanvas-menu .offcanvas-inner ul.menu > li > span { display: inline-block; padding: 11px 36px 11px 0; }




/*** SEKCJE ***/
.landing { margin-top: -80px; }
.landing .sppb-row > div { height: calc(100vh - 50px); }
.landing .sppb-column-addons { display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-end; gap: 30px; }
.landing .sppb-addon-single-image { width: 72.5%; }
.landing .sppb-addon-title { color: var(--sppb-text-color1); font-family: Inter; font-size: 1.25rem; text-transform: uppercase; line-height: 1; letter-spacing: 7px; font-weight: 700; }
@media (max-width: 767.9007px) {
	.landing .sppb-row > div:nth-child(1) { height: calc(36vh - 50px); }
	.landing .sppb-row > div:nth-child(2) { height: 64vh; }
}



.sec1 .sppb-addon-title { text-transform: uppercase; }
.sec1 .sppb-addon-text-block { font-weight: 300; /*font-size: 18px;*/ line-height: 1.3; }
.sec1 strong { font-weight: 600; }
.sec1 .sppb-btn { font-weight: 700; /*font-size: 1.5rem;*/ color: var(--sppb-text-color2); padding: 0; }
@media (max-width: 767px) { .sec1 .sppb-addon-text-block { text-align: center; }}



/* .sec2 .addon-root-image-layouts { aspect-ratio: 1 / 1; border-radius: var(--bRad); } */
.sec2 .sppb-addon-image-layout-caption { background: #fff; /*position: absolute; inset: auto 0 0 0;*/ color: #321722; padding: 20px; border-radius: 0 0 var(--bRad) var(--bRad); pointer-events: none; }
.sec2 .sppb-addon-image-layout-caption h3 { font-weight: 500; }
.sec2 img { border-radius: var(--bRad) var(--bRad) 0 0; }
@media (max-width: 1199px) {
	.sec2 .sppb-row-column:has(.addon-root-image-layouts) { aspect-ratio: initial; }
	.sec2 .sppb-addon-image-layout-caption { position: static; }
	.sec2 img { border-radius: var(--bRad) var(--bRad) 0 0; }
}
@media (max-width: 991px) { .sec2 .sppb-row > div { margin-bottom: 50px; }}
@media (max-width: 575px) { .sec2 .sppb-row > div { margin-bottom: 15px; }}
/* zmiany 13.04.2026 */
.sec2 .tb1 { background: #fff; color: #000; padding: 20px; margin-top: 20px; border-radius: var(--bRad); }



/* .sec3 { --mob-bRad: 30px; } */
.sec3 { --mob-bRad: 806px; }
.sec3 .sppb-column-addons:has(.sppb-addon-single-image-container) { display: flex; flex-direction: column; gap: 40px; }
.sec3 h3.sppb-addon-title { margin-bottom: 20px; }
.sec3 img { border-radius: 806px; }
@media (max-width: 991px) {
	/* .sec3 .sppb-row:has(.sppb-addon-single-image-container) > div:nth-child(even) .sppb-addon-text-block { text-align: right; } */
	/* .sec3 .sppb-row:has(.sppb-addon-single-image-container) > div:nth-child(even) .sppb-button-wrapper   { text-align: right!important; } */
	.sec3 .sppb-row:has(.sppb-addon-single-image-container) > div:nth-child(even) img { border-radius: 806px var(--mob-bRad) var(--mob-bRad) 806px; }
	.sec3 .sppb-row:has(.sppb-addon-single-image-container) > div:nth-child(odd)  img { border-radius: var(--mob-bRad) 806px 806px var(--mob-bRad); }
	.sec3 .sppb-row:has(.sppb-addon-single-image-container) > div:nth-child(1), .sec3 .sppb-row:has(.sppb-addon-single-image-container) > div:nth-child(2) { margin-bottom: 50px; }
}
@media (max-width: 767px) {
	.sec3 .sppb-row:has(.sppb-addon-single-image-container) > div:nth-child(even) .sppb-addon-text-block,
	.sec3 .sppb-row:has(.sppb-addon-single-image-container) > div:nth-child(odd)  .sppb-addon-text-block
		{ text-align: center; }
	.sec3 .sppb-row:has(.sppb-addon-single-image-container) > div:nth-child(even) .sppb-button-wrapper,
	.sec3 .sppb-row:has(.sppb-addon-single-image-container) > div:nth-child(odd)  .sppb-button-wrapper
		{ text-align: center!important; }
	.sec3 .sppb-row:has(.sppb-addon-single-image-container) > div:nth-child(even) img { border-radius: 806px; }
	.sec3 .sppb-row:has(.sppb-addon-single-image-container) > div:nth-child(odd)  img { border-radius: 806px; }
	.sec3 .sppb-row:has(.sppb-addon-single-image-container) > div:nth-child(n) { margin-bottom: 50px; }
}



.sec4 .sppb-addon-text-block .sppb-addon-title { color: #fff; /*font-size: 5rem;*/ }
.sec4 .sppb-addon-text-block .sppb-addon-content { color: #fff; font-size: 1.15rem; font-weight: 300; margin-bottom: 60px; }
.sec4 .sppb-row > div:has(.sppb-addon-text-block) { max-width: 550px; }
@media (max-width: 767px) {
	.sec4 .sppb-addon-text-block, .sec4 .sppb-button-wrapper { text-align: center; }
}




#pracuj-z-nami .sppb-div-addon .sppb-addon-text-block { color: #fff; margin-top: 15px; font-size: 0.9rem; }
#pracuj-z-nami .sppb-div-addon .sppb-addon-text-block .sppb-addon-title { font-size: 1.15rem; }
#pracuj-z-nami .sppb-div-addon > div { flex-basis: calc(25% - 40px); text-align: justify; }
@media (max-width: 1199px) { #pracuj-z-nami .sppb-div-addon > div { flex-basis: calc(33.33333% - 40px); } }
@media (max-width:  991px) { #pracuj-z-nami .sppb-div-addon > div { flex-basis: calc(50% - 40px); } }
@media (max-width:  767px) { #pracuj-z-nami .sppb-div-addon > div { flex-basis: 100%; } }




/*** BA FORMS ***/
.ba-form-page {
	--form-background-color: transparent;
	--label-typography-color: rgba(255,255,255,0.8);
	
	--field-border-top: 1px;
	--field-border-right: 1px;
	--field-border-bottom: 1px;
	--field-border-left: 1px;
	--field-background-color: rgba(255,255,255,0.1);
	--field-border-color: #fff;
	--field-border-radius: 0;
}
.ba-form-1 {
	--field-margin-bottom: 3px!important;
}
.ba-field-container input[type="text"],
.ba-field-container input[type="text"]::placeholder,
.ba-phone-prefix,
.ba-phone-selected-country::before {
	--field-typography-color: rgba(255,255,255,0.5);
}
.ba-form-acceptance-field .ba-form-acceptance-html p {
	--field-typography-color: rgba(255,255,255,0.8);
}
.ba-form-submit-btn {
	--submit-background-color: #92b8e1;
	--submit-typography-color: #000;
	--submit-typography-hover: #000;
	--submit-icon-color: #000;
	--submit-icon-hover: #000;
	--submit-border-radius: 123px;
}
.ba-field-container:has(input[type="text"]) { border: 1px solid rgba(255,255,255,0.3); border-radius: 2px; } /* obejście - NIE nadpisanie! */
/* template.css -__- */
input[type="text"]:not(.form-control) { padding: 0.85rem!important }




/*** CHYBA STOPKA (?) ***/
.sp-module-content-bottom { background: var(--sppb-bg-color6); color: #fff; }
.sp-module-content-bottom .sppb-row-container { max-width: 900px; }
.sp-module-content-bottom h3.sppb-addon-title { color: var(--sppb-text-color1); letter-spacing: 0.25rem; font-weight: 300; font-size: 0.875rem; text-transform: uppercase; }
.sp-module-content-bottom h2.sppb-addon-title { color: #fff; }

.sec-bot1.sppb-addon-text-block { color: rgba(255,255,255,0.8); font-size: 1.25rem; }

.sec-bot2 { color: rgba(255,255,255,0.5); }
.sec-bot2 a { color: var(--sppb-text-color1); }
.sec-bot2 a:hover, .sec-bot2 a:active, .sec-bot2 a:focus { color: #fff; }
.sec-bot2 .sppb-row-container { border-top: 1px solid rgba(255,255,255,0.1); padding-top: 40px; }
.sec-bot2 ul { margin-bottom: 30px; }
.sec-bot2 ul li a i { font-size: 2rem; padding: 1rem; color: rgba(255,255,255,0.6); transition: 0.375s; }
.sec-bot2 ul li a i:hover { color: #fff; }
/* .sec-bot2 ul li a i:hover { color: var(--sppb-bg-color2); } */




/*** COPYRIGHT ***/
#sp-footer, #sp-bottom { background: var(--sppb-bg-color8); }
#sp-footer .container-inner { padding: 60px 0; color: rgba(255,255,255,0.4); }
@media (max-width: 767px) {
	#sp-footer .container-inner { padding: 25px 0; }
	#sp-footer .sp-copyright > div { flex-direction: column-reverse; gap: 10px; align-items: center; }
	/* #sp-footer .sp-copyright > div > div:nth-child(1) { order: 2; } */
	/* #sp-footer .sp-copyright > div > div:nth-child(2) { order: 1; } */
}




/*** ERROR PAGE ***/
body.error .sppb-addon-title span { color: var(--sppb-bg-color1); }
body.error #sp-header { background: var(--sppb-bg-color4); }
/* body.error a:hover, body.error li.active a:hover, body.error ul.social-icons > li a:hover { color: var(--sppb-text-color2); } */
body.error a:hover, body.error li.active a:hover, body.error ul.social-icons > li a:hover { color: #5f5b82; }







.s-social-container{padding-left:30px}

/* zwijana sekcja "praca" / "pracuj z nami" */
.rollable { padding: 0; transition: 0.45s; }
.rolled-up { height: 0; overflow: hidden; }
.rollable:not(.rolled-up) { padding: 140px 0; }