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

RWD

Browse Source
This commit is contained in:
Roman Pyrih
2025-09-04 15:35:45 +02:00
parent 4e91810bb6
commit a48ea0de46
4 changed files with 305 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -2354,11 +2354,21 @@ body.page-id-54 main .box-1 {
body.page-id-54 main .box-1 .row .col-1 .box-head h2 {
color: #232323;
font-weight: 500;
font-size: 48px;
line-height: 1.2;
letter-spacing: -0.96px;
font-size: 64px;
line-height: 120%;
letter-spacing: -1.4px;
margin-bottom: 24px;
}
@media (max-width: 991px) {
body.page-id-54 main .box-1 .row .col-1 .box-head h2 {
font-size: 48px;
}
}
@media (max-width: 575px) {
body.page-id-54 main .box-1 .row .col-1 .box-head h2 {
font-size: 40px;
}
}
body.page-id-54 main .box-1 .row .col-1 .box-head h2 strong {
color: #d9ba5c;
font-weight: 500;
@@ -2401,9 +2411,50 @@ body.page-id-54 main .box-2 .row-2 {
padding-top: 130px;
padding-bottom: 120px;
}
@media (max-width: 991px) {
body.page-id-54 main .box-2 .row-2 {
padding-top: 100px;
padding-bottom: 100px;
}
}
@media (max-width: 767px) {
body.page-id-54 main .box-2 .row-2 .c-tabs .c-tabs--nav {
flex-direction: column;
border-left: 1px solid #6a6a6a;
border-bottom: none;
}
}
@media (max-width: 767px) {
body.page-id-54 main .box-2 .row-2 .c-tabs .c-tabs--nav li {
padding-top: 15px;
padding-left: 16px;
margin-left: -1px;
border-left: 1px solid #6a6a6a;
}
body.page-id-54 main .box-2 .row-2 .c-tabs .c-tabs--nav li.active {
border-bottom: none;
border-left-color: #d9ba5c;
}
}
body.page-id-54 main .box-2 .row-2 .t-row .t-col-1 {
width: 60%;
}
body.page-id-54 main .box-2 .row-2 .t-row .t-col-2 {
width: 40%;
}
@media (max-width: 991px) {
body.page-id-54 main .box-2 .row-2 .t-row .t-col {
width: 100%;
}
}
body.page-id-54 main .box-2 .row-2 .t-row-1 {
margin-bottom: 100px;
}
@media (max-width: 991px) {
body.page-id-54 main .box-2 .row-2 .t-row-1 {
margin-bottom: 40px;
}
}
body.page-id-54 main .box-2 .row-2 .t-row-1 .t-col-1 .t-head {
margin-bottom: 24px;
}
@@ -2414,6 +2465,11 @@ body.page-id-54 main .box-2 .row-2 .t-row-1 .t-col-1 .t-head h2 {
line-height: 1.2;
letter-spacing: -0.72px;
}
@media (max-width: 767px) {
body.page-id-54 main .box-2 .row-2 .t-row-1 .t-col-1 .t-head h2 {
font-size: 32px;
}
}
body.page-id-54 main .box-2 .row-2 .t-row-1 .t-col-1 .t-text p {
color: #ffffff;
font-weight: 400;
@@ -2421,19 +2477,32 @@ body.page-id-54 main .box-2 .row-2 .t-row-1 .t-col-1 .t-text p {
line-height: 1.5;
letter-spacing: -0.38px;
}
@media (max-width: 767px) {
body.page-id-54 main .box-2 .row-2 .t-row-1 .t-col-1 .t-text p {
font-size: 18px;
}
}
body.page-id-54 main .box-2 .row-2 .t-row-2 {
display: flex;
flex-direction: row;
}
body.page-id-54 main .box-2 .row-2 .t-row .t-col-1 {
width: 60%;
@media (max-width: 991px) {
body.page-id-54 main .box-2 .row-2 .t-row-2 {
flex-direction: column;
row-gap: 40px;
}
}
body.page-id-54 main .box-2 .row-2 .t-row .t-col-2 {
width: 40%;
@media (min-width: 992px) {
body.page-id-54 main .box-2 .row-2 .t-row .tab-description {
padding-left: 48px;
border-left: 1px solid #d9ba5c;
}
}
body.page-id-54 main .box-2 .row-2 .t-row .tab-description {
padding-left: 48px;
border-left: 1px solid #d9ba5c;
@media (max-width: 991px) {
body.page-id-54 main .box-2 .row-2 .t-row .tab-description {
padding-top: 40px;
border-top: 1px solid #d9ba5c;
}
}
body.page-id-54 main .box-2 .row-2 .t-row .tab-description .tab-description--head {
margin-bottom: 24px;
@@ -2461,8 +2530,12 @@ body.page-id-54 main .box-2 .row-2 .t-row .tab-description .tab-description--tex
body.page-id-54 main .box-2 .row-2 .t-row .c-acc {
padding: 0;
margin: 0;
max-width: 630px;
margin-right: 30px;
}
@media (min-width: 992px) {
body.page-id-54 main .box-2 .row-2 .t-row .c-acc {
margin-right: 30px;
max-width: 630px;
}
}
body.page-id-54 main .box-2 .row-2 .t-row .c-acc .c-acc--item:not(:last-child) {
border-bottom: 1px solid #6a6a6a;
@@ -2529,6 +2602,11 @@ body.page-id-54 main .box-2 .row-2 .t-row .c-acc .c-acc--item .c-acc--head span
transition: all 250ms ease-in-out;
transition-delay: 250ms;
}
@media (min-width: 576px) {
body.page-id-54 main .box-2 .row-2 .t-row .c-acc .c-acc--item .c-acc--head span {
font-size: 18px;
}
}
body.page-id-54 main .box-2 .row-2 .t-row .c-acc .c-acc--item .c-acc--body {
display: none;
}
@@ -2553,12 +2631,25 @@ body.page-id-54 main .box-3 .row {
column-gap: 110px;
padding: 140px 0;
}
@media (max-width: 991px) {
body.page-id-54 main .box-3 .row {
flex-direction: column;
padding-top: 0;
padding-bottom: 100px;
}
}
body.page-id-54 main .box-3 .row .col-1 {
position: absolute;
left: 0;
top: 0;
bottom: 0;
}
@media (max-width: 991px) {
body.page-id-54 main .box-3 .row .col-1 {
position: relative;
height: 350px;
}
}
body.page-id-54 main .box-3 .row .col-1 img {
height: 100%;
width: 673px;
@@ -2567,11 +2658,41 @@ body.page-id-54 main .box-3 .row .col-1 img {
-o-object-position: center;
object-position: center;
}
@media (max-width: 1369px) {
body.page-id-54 main .box-3 .row .col-1 img {
width: 550px;
}
}
@media (max-width: 1199px) {
body.page-id-54 main .box-3 .row .col-1 img {
width: 400px;
}
}
@media (max-width: 991px) {
body.page-id-54 main .box-3 .row .col-1 img {
position: absolute;
left: 50%;
transform: translateX(-50%);
width: 100svw;
max-width: unset;
}
}
body.page-id-54 main .box-3 .row .col-2 {
width: 100%;
max-width: 569px;
margin-left: auto;
}
@media (max-width: 1199px) {
body.page-id-54 main .box-3 .row .col-2 {
max-width: 520px;
}
}
@media (max-width: 991px) {
body.page-id-54 main .box-3 .row .col-2 {
max-width: unset;
margin: 0;
}
}
body.page-id-54 main .box-3 .row .col-2 > p {
color: #232323;
font-weight: 400;
@@ -2579,9 +2700,19 @@ body.page-id-54 main .box-3 .row .col-2 > p {
line-height: 1.1;
letter-spacing: -0.38px;
}
@media (max-width: 1199px) {
body.page-id-54 main .box-3 .row .col-2 > p {
font-size: 18px;
}
}
body.page-id-54 main .box-3 .row .col-2 .box-text {
margin-bottom: 95px;
}
@media (max-width: 991px) {
body.page-id-54 main .box-3 .row .col-2 .box-text {
margin-bottom: 60px;
}
}
body.page-id-54 main .box-3 .row .col-2 .box-text p {
color: #232323;
font-weight: 400;
@@ -2593,6 +2724,11 @@ body.page-id-54 main .box-3 .row .col-2 .box-text p strong {
color: #d9ba5c;
font-weight: 400;
}
@media (max-width: 767px) {
body.page-id-54 main .box-3 .row .col-2 .box-text p {
font-size: 24px;
}
}
body.page-id-54 main .box-3 .row .col-2 ul {
padding: 0;
margin: 0;
@@ -2613,6 +2749,12 @@ body.page-id-54 main .box-4 {
padding-top: 130px;
padding-bottom: 160px;
}
@media (max-width: 991px) {
body.page-id-54 main .box-4 {
padding-top: 100px;
padding-bottom: 130px;
}
}
body.page-id-54 main .box-4 .row-1 {
margin-bottom: 64px;
}
@@ -2649,6 +2791,16 @@ body.page-id-54 main .box-4 .row-2 .c-acc .c-acc--item .c-acc--head span {
line-height: 1.5;
letter-spacing: -0.56px;
}
@media (max-width: 991px) {
body.page-id-54 main .box-4 .row-2 .c-acc .c-acc--item .c-acc--head span {
font-size: 20px;
}
}
@media (max-width: 575px) {
body.page-id-54 main .box-4 .row-2 .c-acc .c-acc--item .c-acc--head span {
font-size: 18px;
}
}
body.page-id-54 main .box-4 .row-2 .c-acc .c-acc--item .c-acc--head .icon {
position: absolute;
display: inline-block;
@@ -2693,6 +2845,16 @@ body.page-id-54 main .box-4 .row-2 .c-acc .c-acc--item .c-acc--body .c-acc--body
line-height: 1.5;
letter-spacing: -0.38px;
}
@media (max-width: 991px) {
body.page-id-54 main .box-4 .row-2 .c-acc .c-acc--item .c-acc--body .c-acc--body-text p {
font-size: 18px;
}
}
@media (max-width: 575px) {
body.page-id-54 main .box-4 .row-2 .c-acc .c-acc--item .c-acc--body .c-acc--body-text p {
font-size: 16px;
}
}
body.blog main.blog-page {
padding-top: 32px;