Project-Pro/brpp.pl
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Save

Browse Source
This commit is contained in:
Roman Pyrih
2025-09-03 16:00:09 +02:00
parent eed2bf7ab1
commit b17f2f4766
6 changed files with 795 additions and 144 deletions
Download Patch File Download Diff File Expand all files Collapse all files

614
wp-content/themes/brpp-prawo-podatki/css/custom.css
View File

@@ -332,6 +332,12 @@ header#masthead .row .site-branding img {
min-width: 200px; min-width: 200px;
} }
} }
@media (max-width: 575px) {
header#masthead .row .site-branding img {
width: 200px;
min-width: 200px;
}
}
header#masthead .row .site-branding.active img { header#masthead .row .site-branding.active img {
filter: brightness(0) invert(1); filter: brightness(0) invert(1);
transition-delay: 0ms; transition-delay: 0ms;
@@ -514,10 +520,19 @@ footer#site-footer {
background: #232323; background: #232323;
} }
footer#site-footer .footer-1 { footer#site-footer .footer-1 {
padding-top: 140px;
padding-bottom: 90px; padding-bottom: 90px;
border-bottom: 1px solid #9e9e9e; border-bottom: 1px solid #9e9e9e;
} }
@media (min-width: 992px) {
footer#site-footer .footer-1 {
padding-top: 140px;
}
}
@media (max-width: 991px) {
footer#site-footer .footer-1 {
padding-top: 100px;
}
}
footer#site-footer .footer-1 .row { footer#site-footer .footer-1 .row {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
@@ -531,6 +546,16 @@ footer#site-footer .footer-1 .row .col-1 {
width: 100%; width: 100%;
max-width: 636px; max-width: 636px;
} }
@media (max-width: 1199px) {
footer#site-footer .footer-1 .row .col-1 {
max-width: 430px;
}
}
@media (max-width: 767px) {
footer#site-footer .footer-1 .row .col-1 {
max-width: unset;
}
}
footer#site-footer .footer-1 .row .col-1 img { footer#site-footer .footer-1 .row .col-1 img {
width: 239px; width: 239px;
margin-bottom: 24px; margin-bottom: 24px;
@@ -543,6 +568,11 @@ footer#site-footer .footer-1 .row .col-1 h2 {
letter-spacing: -0.96px; letter-spacing: -0.96px;
margin-bottom: 24px; margin-bottom: 24px;
} }
@media (max-width: 1199px) {
footer#site-footer .footer-1 .row .col-1 h2 {
font-size: 48px;
}
}
footer#site-footer .footer-1 .row .col-1 p { footer#site-footer .footer-1 .row .col-1 p {
color: #9e9e9e; color: #9e9e9e;
font-weight: 400; font-weight: 400;
@@ -551,11 +581,25 @@ footer#site-footer .footer-1 .row .col-1 p {
letter-spacing: -0.38px; letter-spacing: -0.38px;
margin-bottom: 40px; margin-bottom: 40px;
} }
@media (max-width: 767px) {
footer#site-footer .footer-1 .row .col-2 {
display: none;
}
}
footer#site-footer .footer-1 .row .col-2 img { footer#site-footer .footer-1 .row .col-2 img {
width: 100%; width: 100%;
max-width: -moz-fit-content; max-width: -moz-fit-content;
max-width: fit-content; max-width: fit-content;
margin-top: -190px; }
@media (min-width: 992px) {
footer#site-footer .footer-1 .row .col-2 img {
margin-top: -190px;
}
}
@media (max-width: 991px) {
footer#site-footer .footer-1 .row .col-2 img {
margin-top: -140px;
}
} }
footer#site-footer .footer-2 { footer#site-footer .footer-2 {
padding-top: 32px; padding-top: 32px;
@@ -565,6 +609,12 @@ footer#site-footer .footer-2 .row {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
} }
@media (max-width: 991px) {
footer#site-footer .footer-2 .row {
flex-direction: column;
row-gap: 24px;
}
}
footer#site-footer .footer-2 .row .col-1 { footer#site-footer .footer-2 .row .col-1 {
flex-basis: 40%; flex-basis: 40%;
display: flex; display: flex;
@@ -587,6 +637,11 @@ footer#site-footer .footer-2 .row .col-1 a {
line-height: 1; line-height: 1;
letter-spacing: -0.32px; letter-spacing: -0.32px;
} }
@media (max-width: 991px) {
footer#site-footer .footer-2 .row .col-1 a {
display: none;
}
}
footer#site-footer .footer-2 .row .col-2 { footer#site-footer .footer-2 .row .col-2 {
flex-basis: 60%; flex-basis: 60%;
} }
@@ -599,6 +654,12 @@ footer#site-footer .footer-2 .row .col-2 ol {
margin: 0; margin: 0;
padding: 0; padding: 0;
} }
@media (max-width: 991px) {
footer#site-footer .footer-2 .row .col-2 ol {
flex-direction: column;
row-gap: 24px;
}
}
footer#site-footer .footer-2 .row .col-2 ol li p { footer#site-footer .footer-2 .row .col-2 ol li p {
color: #9e9e9e; color: #9e9e9e;
margin: 0; margin: 0;
@@ -607,6 +668,18 @@ footer#site-footer .footer-2 .row .col-2 ol li p {
line-height: 1.5; line-height: 1.5;
letter-spacing: -0.32px; letter-spacing: -0.32px;
} }
@media (min-width: 992px) {
footer#site-footer .footer-2 .row .col-3 {
display: none;
}
}
footer#site-footer .footer-2 .row .col-3 a {
color: #9e9e9e;
font-weight: 400;
font-size: 16px;
line-height: 1;
letter-spacing: -0.32px;
}
article.article-card .article-card--wrapper .article-card--image { article.article-card .article-card--wrapper .article-card--image {
margin-bottom: 24px; margin-bottom: 24px;
@@ -671,6 +744,11 @@ article.article-card .article-card--wrapper .article-card--content .article-card
body.page-id-25 main { body.page-id-25 main {
margin-top: 60px; margin-top: 60px;
} }
@media (max-width: 767px) {
body.page-id-25 main .box-1 {
overflow: hidden;
}
}
body.page-id-25 main .box-1 .row { body.page-id-25 main .box-1 .row {
position: relative; position: relative;
display: flex; display: flex;
@@ -710,6 +788,14 @@ body.page-id-25 main .box-1 .row .col-2 {
max-width: 360px; max-width: 360px;
} }
} }
@media (max-width: 767px) {
body.page-id-25 main .box-1 .row .col-2 {
left: 0;
right: auto;
transform: translateX(100%);
max-width: 400px;
}
}
body.page-id-25 main .box-1 .box-head { body.page-id-25 main .box-1 .box-head {
margin-bottom: 24px; margin-bottom: 24px;
} }
@@ -779,8 +865,6 @@ body.page-id-25 main .box-2::before {
} }
} }
body.page-id-25 main .box-2 .row .col-1 { body.page-id-25 main .box-2 .row .col-1 {
max-width: 474px;
padding-left: 64px;
position: relative; position: relative;
} }
body.page-id-25 main .box-2 .row .col-1::before { body.page-id-25 main .box-2 .row .col-1::before {
@@ -790,12 +874,9 @@ body.page-id-25 main .box-2 .row .col-1::before {
font-size: 16px; font-size: 16px;
line-height: 1; line-height: 1;
letter-spacing: -0.34px; letter-spacing: -0.34px;
transform: rotate(180deg);
position: absolute; position: absolute;
left: 0; left: 0;
top: 0; top: 0;
writing-mode: vertical-rl;
padding-top: 24px;
background: #232323; background: #232323;
z-index: 1; z-index: 1;
} }
@@ -803,11 +884,31 @@ body.page-id-25 main .box-2 .row .col-1::after {
content: ""; content: "";
position: absolute; position: absolute;
left: 7px; left: 7px;
top: 10px;
bottom: 0;
width: 1px;
background: #ffffff; background: #ffffff;
} }
@media (min-width: 992px) {
body.page-id-25 main .box-2 .row .col-1::before {
writing-mode: vertical-rl;
padding-top: 24px;
transform: rotate(180deg);
}
body.page-id-25 main .box-2 .row .col-1::after {
top: 10px;
bottom: 0;
width: 1px;
}
}
@media (max-width: 991px) {
body.page-id-25 main .box-2 .row .col-1::before {
padding-right: 24px;
}
body.page-id-25 main .box-2 .row .col-1::after {
top: 7px;
right: 0;
height: 1px;
width: 100%;
}
}
body.page-id-25 main .box-2 .row .col-1 .box-text { body.page-id-25 main .box-2 .row .col-1 .box-text {
margin-bottom: 64px; margin-bottom: 64px;
} }
@@ -818,15 +919,31 @@ body.page-id-25 main .box-2 .row .col-1 .box-text p {
line-height: 150%; line-height: 150%;
letter-spacing: -0.53px; letter-spacing: -0.53px;
} }
body.page-id-25 main .box-3 { @media (min-width: 992px) {
padding-top: 120px; body.page-id-25 main .box-2 .row .col-1 {
padding-bottom: 215px; padding-left: 64px;
max-width: 474px;
}
}
@media (max-width: 991px) {
body.page-id-25 main .box-2 .row .col-1 {
padding-top: 64px;
}
}
@media (min-width: 992px) {
body.page-id-25 main .box-3 {
padding-top: 120px;
padding-bottom: 215px;
}
}
@media (max-width: 991px) {
body.page-id-25 main .box-3 {
padding-top: 100px;
padding-bottom: 100px;
}
} }
body.page-id-25 main .box-3 .row { body.page-id-25 main .box-3 .row {
position: relative; position: relative;
padding-left: 64px;
padding-top: 160px;
padding-bottom: 90px;
} }
body.page-id-25 main .box-3 .row::before { body.page-id-25 main .box-3 .row::before {
content: attr(box-title); content: attr(box-title);
@@ -835,12 +952,9 @@ body.page-id-25 main .box-3 .row::before {
font-size: 16px; font-size: 16px;
line-height: 1; line-height: 1;
letter-spacing: -0.34px; letter-spacing: -0.34px;
transform: rotate(180deg);
position: absolute; position: absolute;
left: 0; left: 0;
top: 0; top: 0;
writing-mode: vertical-rl;
padding-top: 24px;
background: #ffffff; background: #ffffff;
z-index: 1; z-index: 1;
} }
@@ -848,11 +962,43 @@ body.page-id-25 main .box-3 .row::after {
content: ""; content: "";
position: absolute; position: absolute;
left: 7px; left: 7px;
top: 10px;
bottom: 0;
width: 1px;
background: #d4d4d4; background: #d4d4d4;
} }
@media (min-width: 992px) {
body.page-id-25 main .box-3 .row::before {
writing-mode: vertical-rl;
padding-top: 24px;
transform: rotate(180deg);
}
body.page-id-25 main .box-3 .row::after {
top: 10px;
bottom: 0;
width: 1px;
}
}
@media (max-width: 991px) {
body.page-id-25 main .box-3 .row::before {
padding-right: 24px;
}
body.page-id-25 main .box-3 .row::after {
top: 7px;
right: 0;
height: 1px;
width: 100%;
}
}
@media (min-width: 992px) {
body.page-id-25 main .box-3 .row {
padding-left: 64px;
padding-top: 160px;
padding-bottom: 90px;
}
}
@media (max-width: 991px) {
body.page-id-25 main .box-3 .row {
padding-top: 64px;
}
}
body.page-id-25 main .box-3 .row ul { body.page-id-25 main .box-3 .row ul {
display: grid; display: grid;
grid-template-columns: 1fr auto 1fr; grid-template-columns: 1fr auto 1fr;
@@ -903,10 +1049,19 @@ body.page-id-25 main .box-3 .row ul li.last p {
text-align: center; text-align: center;
margin-bottom: 16px; margin-bottom: 16px;
} }
@media (max-width: 991px) {
body.page-id-25 main .box-3 .row ul {
grid-template-columns: 1fr 1fr;
row-gap: 64px;
}
}
@media (max-width: 767px) {
body.page-id-25 main .box-3 .row ul {
grid-template-columns: 1fr;
}
}
body.page-id-25 main .box-4 { body.page-id-25 main .box-4 {
position: relative; position: relative;
padding-top: 164px;
padding-bottom: 164px;
background: #232323; background: #232323;
} }
body.page-id-25 main .box-4::before { body.page-id-25 main .box-4::before {
@@ -920,15 +1075,31 @@ body.page-id-25 main .box-4::before {
transform: translateY(-100%); transform: translateY(-100%);
z-index: -1; z-index: -1;
} }
@media (min-width: 992px) {
body.page-id-25 main .box-4 {
padding-top: 164px;
padding-bottom: 164px;
}
}
@media (max-width: 991px) {
body.page-id-25 main .box-4 {
padding-bottom: 124px;
}
}
body.page-id-25 main .box-4 .row { body.page-id-25 main .box-4 .row {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
-moz-column-gap: 110px; -moz-column-gap: 110px;
column-gap: 110px; column-gap: 110px;
} }
@media (max-width: 991px) {
body.page-id-25 main .box-4 .row {
flex-direction: column;
row-gap: 200px;
}
}
body.page-id-25 main .box-4 .row .col-1 { body.page-id-25 main .box-4 .row .col-1 {
position: relative; position: relative;
padding-left: 110px;
} }
body.page-id-25 main .box-4 .row .col-1::before { body.page-id-25 main .box-4 .row .col-1::before {
content: attr(box-title); content: attr(box-title);
@@ -937,12 +1108,9 @@ body.page-id-25 main .box-4 .row .col-1::before {
font-size: 16px; font-size: 16px;
line-height: 1; line-height: 1;
letter-spacing: -0.34px; letter-spacing: -0.34px;
transform: rotate(180deg);
position: absolute; position: absolute;
left: 0; left: 0;
top: 0; top: 0;
writing-mode: vertical-rl;
padding-top: 24px;
background: #232323; background: #232323;
z-index: 1; z-index: 1;
} }
@@ -950,22 +1118,66 @@ body.page-id-25 main .box-4 .row .col-1::after {
content: ""; content: "";
position: absolute; position: absolute;
left: 7px; left: 7px;
top: 10px;
bottom: 0;
width: 1px;
background: #ffffff; background: #ffffff;
} }
@media (min-width: 992px) {
body.page-id-25 main .box-4 .row .col-1::before {
writing-mode: vertical-rl;
padding-top: 24px;
transform: rotate(180deg);
}
body.page-id-25 main .box-4 .row .col-1::after {
top: 10px;
bottom: 0;
width: 1px;
}
}
@media (max-width: 991px) {
body.page-id-25 main .box-4 .row .col-1::before {
padding-right: 24px;
}
body.page-id-25 main .box-4 .row .col-1::after {
top: 7px;
right: 0;
height: 1px;
width: 100%;
}
}
@media (min-width: 992px) {
body.page-id-25 main .box-4 .row .col-1 {
padding-left: 110px;
}
}
@media (max-width: 991px) {
body.page-id-25 main .box-4 .row .col-1::before {
bottom: -110px;
top: auto;
}
body.page-id-25 main .box-4 .row .col-1:after {
top: auto;
bottom: -103px;
}
}
body.page-id-25 main .box-4 .row .col-1 img { body.page-id-25 main .box-4 .row .col-1 img {
width: 100%; width: 100%;
max-width: 627px; max-width: 627px;
} }
@media (max-width: 991px) {
body.page-id-25 main .box-4 .row .col-1 img {
max-width: unset;
}
}
body.page-id-25 main .box-4 .row .col-2 ul { body.page-id-25 main .box-4 .row .col-2 ul {
padding: 0; padding: 0;
margin: 0; margin: 0;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
row-gap: 64px; row-gap: 64px;
max-width: 345px; }
@media (min-width: 992px) {
body.page-id-25 main .box-4 .row .col-2 ul {
max-width: 345px;
}
} }
body.page-id-25 main .box-4 .row .col-2 ul li h3 { body.page-id-25 main .box-4 .row .col-2 ul li h3 {
color: #ffffff; color: #ffffff;
@@ -982,13 +1194,20 @@ body.page-id-25 main .box-4 .row .col-2 ul li p {
line-height: 1.5; line-height: 1.5;
letter-spacing: -0.38px; letter-spacing: -0.38px;
} }
body.page-id-25 main .box-5 { @media (min-width: 992px) {
padding-top: 200px; body.page-id-25 main .box-5 {
padding-bottom: 200px; padding-top: 200px;
padding-bottom: 200px;
}
}
@media (max-width: 991px) {
body.page-id-25 main .box-5 {
padding-top: 100px;
padding-bottom: 100px;
}
} }
body.page-id-25 main .box-5 .row .big-quote { body.page-id-25 main .box-5 .row .big-quote {
position: relative; position: relative;
padding-left: 64px;
} }
body.page-id-25 main .box-5 .row .big-quote::before { body.page-id-25 main .box-5 .row .big-quote::before {
content: attr(box-title); content: attr(box-title);
@@ -997,12 +1216,9 @@ body.page-id-25 main .box-5 .row .big-quote::before {
font-size: 16px; font-size: 16px;
line-height: 1; line-height: 1;
letter-spacing: -0.34px; letter-spacing: -0.34px;
transform: rotate(180deg);
position: absolute; position: absolute;
left: 0; left: 0;
top: 0; top: 0;
writing-mode: vertical-rl;
padding-top: 24px;
background: #ffffff; background: #ffffff;
z-index: 1; z-index: 1;
} }
@@ -1010,11 +1226,41 @@ body.page-id-25 main .box-5 .row .big-quote::after {
content: ""; content: "";
position: absolute; position: absolute;
left: 7px; left: 7px;
top: 10px;
bottom: 0;
width: 1px;
background: #d4d4d4; background: #d4d4d4;
} }
@media (min-width: 992px) {
body.page-id-25 main .box-5 .row .big-quote::before {
writing-mode: vertical-rl;
padding-top: 24px;
transform: rotate(180deg);
}
body.page-id-25 main .box-5 .row .big-quote::after {
top: 10px;
bottom: 0;
width: 1px;
}
}
@media (max-width: 991px) {
body.page-id-25 main .box-5 .row .big-quote::before {
padding-right: 24px;
}
body.page-id-25 main .box-5 .row .big-quote::after {
top: 7px;
right: 0;
height: 1px;
width: 100%;
}
}
@media (min-width: 992px) {
body.page-id-25 main .box-5 .row .big-quote {
padding-left: 64px;
}
}
@media (max-width: 991px) {
body.page-id-25 main .box-5 .row .big-quote {
padding-top: 64px;
}
}
body.page-id-25 main .box-5 .row .big-quote h3 { body.page-id-25 main .box-5 .row .big-quote h3 {
color: #232323; color: #232323;
font-weight: 400; font-weight: 400;
@@ -1052,16 +1298,25 @@ body.page-id-25 main .box-6 {
} }
body.page-id-25 main .box-6 .row { body.page-id-25 main .box-6 .row {
display: flex; display: flex;
flex-direction: row; }
-moz-column-gap: 100px; @media (min-width: 992px) {
column-gap: 100px; body.page-id-25 main .box-6 .row {
padding: 160px 0 125px; flex-direction: row;
-moz-column-gap: 100px;
column-gap: 100px;
padding: 160px 0 125px;
}
}
@media (max-width: 991px) {
body.page-id-25 main .box-6 .row {
flex-direction: column-reverse;
padding: 0 0 80px;
row-gap: 80px;
}
} }
body.page-id-25 main .box-6 .row .col-1 { body.page-id-25 main .box-6 .row .col-1 {
position: relative; position: relative;
padding-left: 64px;
width: 100%; width: 100%;
max-width: 588px;
} }
body.page-id-25 main .box-6 .row .col-1::before { body.page-id-25 main .box-6 .row .col-1::before {
content: attr(box-title); content: attr(box-title);
@@ -1070,12 +1325,9 @@ body.page-id-25 main .box-6 .row .col-1::before {
font-size: 16px; font-size: 16px;
line-height: 1; line-height: 1;
letter-spacing: -0.34px; letter-spacing: -0.34px;
transform: rotate(180deg);
position: absolute; position: absolute;
left: 0; left: 0;
top: 0; top: 0;
writing-mode: vertical-rl;
padding-top: 24px;
background: #fafafa; background: #fafafa;
z-index: 1; z-index: 1;
} }
@@ -1083,13 +1335,51 @@ body.page-id-25 main .box-6 .row .col-1::after {
content: ""; content: "";
position: absolute; position: absolute;
left: 7px; left: 7px;
top: 10px;
bottom: 0;
width: 1px;
background: #d4d4d4; background: #d4d4d4;
} }
body.page-id-25 main .box-6 .row .col-1 .box-text { @media (min-width: 992px) {
margin-bottom: 120px; body.page-id-25 main .box-6 .row .col-1::before {
writing-mode: vertical-rl;
padding-top: 24px;
transform: rotate(180deg);
}
body.page-id-25 main .box-6 .row .col-1::after {
top: 10px;
bottom: 0;
width: 1px;
}
}
@media (max-width: 991px) {
body.page-id-25 main .box-6 .row .col-1::before {
padding-right: 24px;
}
body.page-id-25 main .box-6 .row .col-1::after {
top: 7px;
right: 0;
height: 1px;
width: 100%;
}
}
@media (min-width: 992px) {
body.page-id-25 main .box-6 .row .col-1 {
padding-left: 64px;
max-width: 588px;
}
}
@media (max-width: 991px) {
body.page-id-25 main .box-6 .row .col-1 {
padding-top: 64px;
}
}
@media (min-width: 992px) {
body.page-id-25 main .box-6 .row .col-1 .box-text {
margin-bottom: 120px;
}
}
@media (max-width: 991px) {
body.page-id-25 main .box-6 .row .col-1 .box-text {
margin-bottom: 70px;
}
} }
body.page-id-25 main .box-6 .row .col-1 .box-text p { body.page-id-25 main .box-6 .row .col-1 .box-text p {
color: #232323; color: #232323;
@@ -1102,32 +1392,76 @@ body.page-id-25 main .box-6 .row .col-1 ul {
padding: 0; padding: 0;
margin: 0; margin: 0;
display: flex; display: flex;
flex-direction: row;
align-items: center;
-moz-column-gap: 40px;
column-gap: 40px;
} }
body.page-id-25 main .box-6 .row .col-2 { @media (min-width: 992px) {
position: absolute; body.page-id-25 main .box-6 .row .col-1 ul {
right: 0; flex-direction: row;
top: 0; align-items: center;
bottom: 0; -moz-column-gap: 40px;
column-gap: 40px;
}
}
@media (max-width: 991px) {
body.page-id-25 main .box-6 .row .col-1 ul {
flex-direction: column;
align-items: flex-start;
row-gap: 32px;
}
}
@media (min-width: 992px) {
body.page-id-25 main .box-6 .row .col-2 {
position: absolute;
right: 0;
top: 0;
bottom: 0;
}
}
@media (max-width: 991px) {
body.page-id-25 main .box-6 .row .col-2 {
height: 400px;
}
} }
body.page-id-25 main .box-6 .row .col-2 img { body.page-id-25 main .box-6 .row .col-2 img {
height: 100%; height: 100%;
width: 673px;
-o-object-fit: cover; -o-object-fit: cover;
object-fit: cover; object-fit: cover;
-o-object-position: center; -o-object-position: center;
object-position: center; object-position: center;
} }
body.page-id-25 main .box-7 { @media (min-width: 1370px) {
padding-top: 164px; body.page-id-25 main .box-6 .row .col-2 img {
padding-bottom: 200px; width: 673px;
}
}
@media (min-width: 1200px) and (max-width: 1369px) {
body.page-id-25 main .box-6 .row .col-2 img {
width: 530px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
body.page-id-25 main .box-6 .row .col-2 img {
width: 350px;
}
}
@media (max-width: 991px) {
body.page-id-25 main .box-6 .row .col-2 img {
width: 100%;
}
}
@media (min-width: 992px) {
body.page-id-25 main .box-7 {
padding-top: 164px;
padding-bottom: 200px;
}
}
@media (max-width: 991px) {
body.page-id-25 main .box-7 {
padding-top: 100px;
padding-bottom: 100px;
}
} }
body.page-id-25 main .box-7 .row { body.page-id-25 main .box-7 .row {
position: relative; position: relative;
padding-left: 64px;
display: grid; display: grid;
grid-template-columns: repeat(3, 1fr); grid-template-columns: repeat(3, 1fr);
gap: 32px; gap: 32px;
@@ -1139,12 +1473,9 @@ body.page-id-25 main .box-7 .row::before {
font-size: 16px; font-size: 16px;
line-height: 1; line-height: 1;
letter-spacing: -0.34px; letter-spacing: -0.34px;
transform: rotate(180deg);
position: absolute; position: absolute;
left: 0; left: 0;
top: 0; top: 0;
writing-mode: vertical-rl;
padding-top: 24px;
background: #ffffff; background: #ffffff;
z-index: 1; z-index: 1;
} }
@@ -1152,11 +1483,55 @@ body.page-id-25 main .box-7 .row::after {
content: ""; content: "";
position: absolute; position: absolute;
left: 7px; left: 7px;
top: 10px;
bottom: 0;
width: 1px;
background: #d4d4d4; background: #d4d4d4;
} }
@media (min-width: 992px) {
body.page-id-25 main .box-7 .row::before {
writing-mode: vertical-rl;
padding-top: 24px;
transform: rotate(180deg);
}
body.page-id-25 main .box-7 .row::after {
top: 10px;
bottom: 0;
width: 1px;
}
}
@media (max-width: 991px) {
body.page-id-25 main .box-7 .row::before {
padding-right: 24px;
}
body.page-id-25 main .box-7 .row::after {
top: 7px;
right: 0;
height: 1px;
width: 100%;
}
}
@media (min-width: 992px) {
body.page-id-25 main .box-7 .row {
padding-left: 64px;
}
}
@media (max-width: 991px) {
body.page-id-25 main .box-7 .row {
padding-top: 64px;
}
}
@media (min-width: 576px) and (max-width: 991px) {
body.page-id-25 main .box-7 .row {
padding-top: 64px;
grid-template-columns: repeat(2, 1fr);
}
body.page-id-25 main .box-7 .row .article-card:nth-child(3) {
display: none;
}
}
@media (max-width: 575px) {
body.page-id-25 main .box-7 .row {
grid-template-columns: 1fr;
}
}
body.page-id-38 main { body.page-id-38 main {
padding-top: 80px; padding-top: 80px;
@@ -1293,12 +1668,9 @@ body.page-id-38 main .box-3 .row .col-1::before {
font-size: 16px; font-size: 16px;
line-height: 1; line-height: 1;
letter-spacing: -0.34px; letter-spacing: -0.34px;
transform: rotate(180deg);
position: absolute; position: absolute;
left: 0; left: 0;
top: 0; top: 0;
writing-mode: vertical-rl;
padding-top: 24px;
background: #232323; background: #232323;
z-index: 1; z-index: 1;
} }
@@ -1306,11 +1678,31 @@ body.page-id-38 main .box-3 .row .col-1::after {
content: ""; content: "";
position: absolute; position: absolute;
left: 7px; left: 7px;
top: 10px;
bottom: 0;
width: 1px;
background: #ffffff; background: #ffffff;
} }
@media (min-width: 992px) {
body.page-id-38 main .box-3 .row .col-1::before {
writing-mode: vertical-rl;
padding-top: 24px;
transform: rotate(180deg);
}
body.page-id-38 main .box-3 .row .col-1::after {
top: 10px;
bottom: 0;
width: 1px;
}
}
@media (max-width: 991px) {
body.page-id-38 main .box-3 .row .col-1::before {
padding-right: 24px;
}
body.page-id-38 main .box-3 .row .col-1::after {
top: 7px;
right: 0;
height: 1px;
width: 100%;
}
}
body.page-id-38 main .box-3 .row .col-1 .box-title { body.page-id-38 main .box-3 .row .col-1 .box-title {
margin-bottom: 32px; margin-bottom: 32px;
} }
@@ -1383,12 +1775,9 @@ body.page-id-38 main .box-4 .row .col-1::before {
font-size: 16px; font-size: 16px;
line-height: 1; line-height: 1;
letter-spacing: -0.34px; letter-spacing: -0.34px;
transform: rotate(180deg);
position: absolute; position: absolute;
left: 0; left: 0;
top: 0; top: 0;
writing-mode: vertical-rl;
padding-top: 24px;
background: #fafafa; background: #fafafa;
z-index: 1; z-index: 1;
} }
@@ -1396,11 +1785,31 @@ body.page-id-38 main .box-4 .row .col-1::after {
content: ""; content: "";
position: absolute; position: absolute;
left: 7px; left: 7px;
top: 10px;
bottom: 0;
width: 1px;
background: #d4d4d4; background: #d4d4d4;
} }
@media (min-width: 992px) {
body.page-id-38 main .box-4 .row .col-1::before {
writing-mode: vertical-rl;
padding-top: 24px;
transform: rotate(180deg);
}
body.page-id-38 main .box-4 .row .col-1::after {
top: 10px;
bottom: 0;
width: 1px;
}
}
@media (max-width: 991px) {
body.page-id-38 main .box-4 .row .col-1::before {
padding-right: 24px;
}
body.page-id-38 main .box-4 .row .col-1::after {
top: 7px;
right: 0;
height: 1px;
width: 100%;
}
}
body.page-id-38 main .box-4 .row .col-1 img { body.page-id-38 main .box-4 .row .col-1 img {
width: 100%; width: 100%;
max-width: -moz-fit-content; max-width: -moz-fit-content;
@@ -2209,12 +2618,9 @@ body.single-post main.page-single-post .box-2 .row::before {
font-size: 16px; font-size: 16px;
line-height: 1; line-height: 1;
letter-spacing: -0.34px; letter-spacing: -0.34px;
transform: rotate(180deg);
position: absolute; position: absolute;
left: 0; left: 0;
top: 0; top: 0;
writing-mode: vertical-rl;
padding-top: 24px;
background: #fafafa; background: #fafafa;
z-index: 1; z-index: 1;
} }
@@ -2222,11 +2628,31 @@ body.single-post main.page-single-post .box-2 .row::after {
content: ""; content: "";
position: absolute; position: absolute;
left: 7px; left: 7px;
top: 10px;
bottom: 0;
width: 1px;
background: #d4d4d4; background: #d4d4d4;
} }
@media (min-width: 992px) {
body.single-post main.page-single-post .box-2 .row::before {
writing-mode: vertical-rl;
padding-top: 24px;
transform: rotate(180deg);
}
body.single-post main.page-single-post .box-2 .row::after {
top: 10px;
bottom: 0;
width: 1px;
}
}
@media (max-width: 991px) {
body.single-post main.page-single-post .box-2 .row::before {
padding-right: 24px;
}
body.single-post main.page-single-post .box-2 .row::after {
top: 7px;
right: 0;
height: 1px;
width: 100%;
}
}
body.single-post main.page-single-post .box-2 .row .box-head h2 { body.single-post main.page-single-post .box-2 .row .box-head h2 {
margin-bottom: 40px; margin-bottom: 40px;
color: #232323; color: #232323;

2
wp-content/themes/brpp-prawo-podatki/css/custom.css.map
View File

File diff suppressed because one or more lines are too long

306
wp-content/themes/brpp-prawo-podatki/css/custom.scss
View File

@@ -37,12 +37,9 @@ $header-height: 77px;
line-height: 1; line-height: 1;
letter-spacing: -0.34px; letter-spacing: -0.34px;
transform: rotate(180deg);
position: absolute; position: absolute;
left: 0; left: 0;
top: 0; top: 0;
writing-mode: vertical-rl;
padding-top: 24px;
background: $bgColor; background: $bgColor;
z-index: 1; z-index: 1;
} }
@@ -51,11 +48,33 @@ $header-height: 77px;
content: ''; content: '';
position: absolute; position: absolute;
left: 7px; left: 7px;
top: 10px;
bottom: 0;
width: 1px;
background: $color; background: $color;
} }
@include respond-above(lg) {
&::before {
writing-mode: vertical-rl;
padding-top: 24px;
transform: rotate(180deg);
}
&::after {
top: 10px;
bottom: 0;
width: 1px;
}
}
@include respond-below(lg) {
&::before {
padding-right: 24px;
}
&::after {
top: 7px;
right: 0;
height: 1px;
width: 100%;
}
}
} }
@mixin box_top_shadow($color) { @mixin box_top_shadow($color) {
@@ -272,6 +291,10 @@ header#masthead {
width: 200px; width: 200px;
min-width: 200px; min-width: 200px;
} }
@include respond-below(sm) {
width: 200px;
min-width: 200px;
}
} }
&.active { &.active {
@@ -490,10 +513,16 @@ footer#site-footer {
background: $cBlack; background: $cBlack;
.footer-1 { .footer-1 {
padding-top: 140px;
padding-bottom: 90px; padding-bottom: 90px;
border-bottom: 1px solid $cGray2; border-bottom: 1px solid $cGray2;
@include respond-above(lg) {
padding-top: 140px;
}
@include respond-below(lg) {
padding-top: 100px;
}
.row { .row {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
@@ -507,6 +536,13 @@ footer#site-footer {
width: 100%; width: 100%;
max-width: 636px; max-width: 636px;
@include respond-below(xl) {
max-width: 430px;
}
@include respond-below(md) {
max-width: unset;
}
img { img {
width: 239px; width: 239px;
margin-bottom: 24px; margin-bottom: 24px;
@@ -519,6 +555,10 @@ footer#site-footer {
line-height: 1.2; line-height: 1.2;
letter-spacing: -0.96px; letter-spacing: -0.96px;
margin-bottom: 24px; margin-bottom: 24px;
@include respond-below(xl) {
font-size: 48px;
}
} }
p { p {
color: $cGray2; color: $cGray2;
@@ -530,10 +570,19 @@ footer#site-footer {
} }
} }
&-2 { &-2 {
@include respond-below(md) {
display: none;
}
img { img {
width: 100%; width: 100%;
max-width: fit-content; max-width: fit-content;
margin-top: -190px; @include respond-above(lg) {
margin-top: -190px;
}
@include respond-below(lg) {
margin-top: -140px;
}
} }
} }
} }
@@ -547,6 +596,11 @@ footer#site-footer {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
@include respond-below(lg) {
flex-direction: column;
row-gap: 24px;
}
.col { .col {
&-1 { &-1 {
flex-basis: 40%; flex-basis: 40%;
@@ -570,6 +624,10 @@ footer#site-footer {
font-size: 16px; font-size: 16px;
line-height: 1; line-height: 1;
letter-spacing: -0.32px; letter-spacing: -0.32px;
@include respond-below(lg) {
display: none;
}
} }
} }
&-2 { &-2 {
@@ -583,6 +641,11 @@ footer#site-footer {
margin: 0; margin: 0;
padding: 0; padding: 0;
@include respond-below(lg) {
flex-direction: column;
row-gap: 24px;
}
li { li {
p { p {
color: $cGray2; color: $cGray2;
@@ -595,6 +658,19 @@ footer#site-footer {
} }
} }
} }
&-3 {
@include respond-above(lg) {
display: none;
}
a {
color: $cGray2;
font-weight: 400;
font-size: 16px;
line-height: 1;
letter-spacing: -0.32px;
}
}
} }
} }
} }
@@ -690,6 +766,10 @@ body.page-id-25 {
margin-top: 60px; margin-top: 60px;
.box-1 { .box-1 {
@include respond-below(md) {
overflow: hidden;
}
.row { .row {
position: relative; position: relative;
display: flex; display: flex;
@@ -724,6 +804,12 @@ body.page-id-25 {
@include respond-below(lg) { @include respond-below(lg) {
max-width: 360px; max-width: 360px;
} }
@include respond-below(md) {
left: 0;
right: auto;
transform: translateX(100%);
max-width: 400px;
}
} }
} }
} }
@@ -784,8 +870,6 @@ body.page-id-25 {
.row { .row {
.col { .col {
&-1 { &-1 {
max-width: 474px;
padding-left: 64px;
@include box_title_line($cWhite, $cBlack); @include box_title_line($cWhite, $cBlack);
.box-text { .box-text {
@@ -799,20 +883,40 @@ body.page-id-25 {
letter-spacing: -0.53px; letter-spacing: -0.53px;
} }
} }
@include respond-above(lg) {
padding-left: 64px;
max-width: 474px;
}
@include respond-below(lg) {
padding-top: 64px;
}
} }
} }
} }
} }
.box-3 { .box-3 {
padding-top: 120px; @include respond-above(lg) {
padding-bottom: 215px; padding-top: 120px;
padding-bottom: 215px;
}
@include respond-below(lg) {
padding-top: 100px;
padding-bottom: 100px;
}
.row { .row {
@include box_title_line(#d4d4d4, $cWhite); @include box_title_line(#d4d4d4, $cWhite);
padding-left: 64px;
padding-top: 160px; @include respond-above(lg) {
padding-bottom: 90px; padding-left: 64px;
padding-top: 160px;
padding-bottom: 90px;
}
@include respond-below(lg) {
padding-top: 64px;
}
ul { ul {
display: grid; display: grid;
@@ -872,29 +976,67 @@ body.page-id-25 {
} }
} }
} }
@include respond-below(lg) {
grid-template-columns: 1fr 1fr;
row-gap: 64px;
}
@include respond-below(md) {
grid-template-columns: 1fr;
}
} }
} }
} }
.box-4 { .box-4 {
@include box_top_shadow($cLightGray); @include box_top_shadow($cLightGray);
padding-top: 164px;
padding-bottom: 164px;
background: $cBlack; background: $cBlack;
@include respond-above(lg) {
padding-top: 164px;
padding-bottom: 164px;
}
@include respond-below(lg) {
padding-bottom: 124px;
}
.row { .row {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
column-gap: 110px; column-gap: 110px;
@include respond-below(lg) {
flex-direction: column;
row-gap: 200px;
}
.col { .col {
&-1 { &-1 {
@include box_title_line($cWhite, $cBlack); @include box_title_line($cWhite, $cBlack);
padding-left: 110px;
@include respond-above(lg) {
padding-left: 110px;
}
@include respond-below(lg) {
&::before {
bottom: -110px;
top: auto;
}
&:after {
top: auto;
bottom: -103px;
}
}
img { img {
width: 100%; width: 100%;
max-width: 627px; max-width: 627px;
@include respond-below(lg) {
max-width: unset;
}
} }
} }
&-2 { &-2 {
@@ -904,7 +1046,10 @@ body.page-id-25 {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
row-gap: 64px; row-gap: 64px;
max-width: 345px;
@include respond-above(lg) {
max-width: 345px;
}
li { li {
h3 { h3 {
@@ -931,13 +1076,24 @@ body.page-id-25 {
} }
.box-5 { .box-5 {
padding-top: 200px; @include respond-above(lg) {
padding-bottom: 200px; padding-top: 200px;
padding-bottom: 200px;
}
@include respond-below(lg) {
padding-top: 100px;
padding-bottom: 100px;
}
.row { .row {
.big-quote { .big-quote {
@include box_title_line(#d4d4d4, $cWhite); @include box_title_line(#d4d4d4, $cWhite);
padding-left: 64px;
@include respond-above(lg) {
padding-left: 64px;
}
@include respond-below(lg) {
padding-top: 64px;
}
h3 { h3 {
color: $cBlack; color: $cBlack;
@@ -986,20 +1142,38 @@ body.page-id-25 {
.row { .row {
display: flex; display: flex;
flex-direction: row;
column-gap: 100px; @include respond-above(lg) {
padding: 160px 0 125px; flex-direction: row;
column-gap: 100px;
padding: 160px 0 125px;
}
@include respond-below(lg) {
flex-direction: column-reverse;
padding: 0 0 80px;
row-gap: 80px;
}
.col { .col {
&-1 { &-1 {
@include box_title_line(#d4d4d4, #fafafa); @include box_title_line(#d4d4d4, #fafafa);
padding-left: 64px;
width: 100%; width: 100%;
max-width: 588px;
@include respond-above(lg) {
padding-left: 64px;
max-width: 588px;
}
@include respond-below(lg) {
padding-top: 64px;
}
.box-text { .box-text {
margin-bottom: 120px; @include respond-above(lg) {
margin-bottom: 120px;
}
@include respond-below(lg) {
margin-bottom: 70px;
}
p { p {
color: $cBlack; color: $cBlack;
font-weight: 400; font-weight: 400;
@@ -1014,22 +1188,47 @@ body.page-id-25 {
margin: 0; margin: 0;
display: flex; display: flex;
flex-direction: row;
align-items: center; @include respond-above(lg) {
column-gap: 40px; flex-direction: row;
align-items: center;
column-gap: 40px;
}
@include respond-below(lg) {
flex-direction: column;
align-items: flex-start;
row-gap: 32px;
}
} }
} }
&-2 { &-2 {
position: absolute; @include respond-above(lg) {
right: 0; position: absolute;
top: 0; right: 0;
bottom: 0; top: 0;
bottom: 0;
}
@include respond-below(lg) {
height: 400px;
}
img { img {
height: 100%; height: 100%;
width: 673px;
object-fit: cover; object-fit: cover;
object-position: center; object-position: center;
@include respond-above(xxl) {
width: 673px;
}
@include respond-between(xl, xxl) {
width: 530px;
}
@include respond-between(lg, xl) {
width: 350px;
}
@include respond-below(lg) {
width: 100%;
}
} }
} }
} }
@@ -1037,16 +1236,41 @@ body.page-id-25 {
} }
.box-7 { .box-7 {
padding-top: 164px; @include respond-above(lg) {
padding-bottom: 200px; padding-top: 164px;
padding-bottom: 200px;
}
@include respond-below(lg) {
padding-top: 100px;
padding-bottom: 100px;
}
.row { .row {
@include box_title_line(#d4d4d4, $cWhite); @include box_title_line(#d4d4d4, $cWhite);
padding-left: 64px;
display: grid; display: grid;
grid-template-columns: repeat(3, 1fr); grid-template-columns: repeat(3, 1fr);
gap: 32px; gap: 32px;
@include respond-above(lg) {
padding-left: 64px;
}
@include respond-below(lg) {
padding-top: 64px;
}
@include respond-between(sm, lg) {
padding-top: 64px;
grid-template-columns: repeat(2, 1fr);
.article-card {
&:nth-child(3) {
display: none;
}
}
}
@include respond-below(sm) {
grid-template-columns: 1fr;
}
} }
} }
} }

5
wp-content/themes/brpp-prawo-podatki/footer.php
View File

@@ -71,6 +71,11 @@
</li> </li>
</ol> </ol>
</div> </div>
<div class="col col-3">
<a href="<?php echo esc_url($footer['col_1']['btn']['url']); ?>" target="<?php echo esc_attr($footer['col_1']['btn']['target'] ?: '_self'); ?>">
<?php echo esc_html($footer['col_1']['btn']['title']); ?>
</a>
</div>
</div> </div>
</div> </div>
</div> </div>

1
wp-content/themes/brpp-prawo-podatki/header.php
View File

@@ -35,7 +35,6 @@
</div> </div>
<nav id="site-navigation" class="main-navigation"> <nav id="site-navigation" class="main-navigation">
<button class="menu-toggle" aria-controls="primary-menu" aria-expanded="false"><?php esc_html_e( 'Menu', 'brpp-prawo-podatki' ); ?></button>
<?php <?php
wp_nav_menu( wp_nav_menu(
array( array(

11
wp-content/themes/brpp-prawo-podatki/js/custom.js
View File

@@ -3,11 +3,6 @@ jQuery(function ($) {
gsap.registerPlugin(ScrollTrigger) gsap.registerPlugin(ScrollTrigger)
function initSticky() { function initSticky() {
if ($(window).width() <= 992) {
ScrollTrigger.getByClass('heroImagePin')?.kill()
return
}
ScrollTrigger.getById('heroImagePin')?.kill() ScrollTrigger.getById('heroImagePin')?.kill()
const $pin = $('.box-1 .col-2') const $pin = $('.box-1 .col-2')
@@ -36,9 +31,11 @@ jQuery(function ($) {
}) })
} }
$(window).on('load', initSticky) if ($(window).width() > 992) {
$(window).on('load', initSticky)
$(window).on('resize orientationchange', () => ScrollTrigger.refresh()) $(window).on('resize orientationchange', () => ScrollTrigger.refresh())
}
} }
}) })