Project-Pro/brppfinanse.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-10-01 14:19:10 +02:00
parent f7e757d188
commit a63e42a362
6 changed files with 393 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files

202
wp-content/themes/brpfinanse/css/custom.css
View File

@@ -2088,7 +2088,7 @@ body.page-id-91 main .box-1 {
}
@media (max-width: 767px) {
body.page-id-91 main .box-1 {
height: 640px;
height: 720px;
}
}
body.page-id-91 main .box-1 .box-bg {
@@ -2142,6 +2142,13 @@ body.page-id-91 main .box-1 .row .col-1 .box-info {
align-items: center;
gap: 40px;
}
@media (max-width: 767px) {
body.page-id-91 main .box-1 .row .col-1 .box-info {
flex-direction: column;
align-items: flex-start;
row-gap: 20px;
}
}
body.page-id-91 main .box-1 .row .col-1 .box-info p {
color: #ffffff;
font-weight: 400;
@@ -2907,9 +2914,19 @@ body.page-id-132 main .box-1 .row {
-moz-column-gap: 100px;
column-gap: 100px;
}
@media (max-width: 991px) {
body.page-id-132 main .box-1 .row {
flex-direction: column;
row-gap: 50px;
}
}
body.page-id-132 main .box-1 .row .col-1 {
width: 100%;
max-width: 630px;
}
@media (min-width: 992px) {
body.page-id-132 main .box-1 .row .col-1 {
max-width: 630px;
}
}
body.page-id-132 main .box-1 .row .col-1 h2 {
color: #232323;
@@ -2918,9 +2935,18 @@ body.page-id-132 main .box-1 .row .col-1 h2 {
line-height: 1.2;
letter-spacing: -0.96px;
}
@media (max-width: 767px) {
body.page-id-132 main .box-1 .row .col-1 h2 {
font-size: 32px;
}
}
body.page-id-132 main .box-1 .row .col-2 {
width: 100%;
max-width: 525px;
}
@media (min-width: 992px) {
body.page-id-132 main .box-1 .row .col-2 {
max-width: 525px;
}
}
body.page-id-132 main .box-1 .row .col-2 p {
color: #232323;
@@ -2933,6 +2959,12 @@ body.page-id-132 main .box-2 {
padding-top: 140px;
background: #1b1b1b;
}
@media (max-width: 991px) {
body.page-id-132 main .box-2 {
padding-top: 100px;
padding-bottom: 100px;
}
}
body.page-id-132 main .box-2 .row {
position: relative;
padding-left: 100px;
@@ -2979,9 +3011,25 @@ body.page-id-132 main .box-2 .row::after {
width: 100%;
}
}
@media (max-width: 1199px) {
body.page-id-132 main .box-2 .row {
padding-left: 60px;
}
}
@media (max-width: 991px) {
body.page-id-132 main .box-2 .row {
padding-left: 0;
padding-top: 60px;
}
}
body.page-id-132 main .box-2 .row .col-1 .box-title {
margin-bottom: 80px;
}
@media (max-width: 991px) {
body.page-id-132 main .box-2 .row .col-1 .box-title {
margin-bottom: 60px;
}
}
body.page-id-132 main .box-2 .row .col-1 .box-title h2 {
color: #ffffff;
font-weight: 500;
@@ -2994,16 +3042,40 @@ body.page-id-132 main .box-2 .row .col-2 .tiles {
flex-direction: row;
justify-content: space-between;
}
body.page-id-132 main .box-2 .row .col-2 .tiles .tile {
flex-basis: 25%;
@media (max-width: 991px) {
body.page-id-132 main .box-2 .row .col-2 .tiles {
flex-direction: column;
}
}
@media (min-width: 768px) {
@media (min-width: 992px) {
body.page-id-132 main .box-2 .row .col-2 .tiles .tile {
flex-basis: 25%;
}
}
@media (min-width: 992px) {
body.page-id-132 main .box-2 .row .col-2 .tiles .tile:not(:last-child) .tile-data {
border-right: 1px solid;
border-image-source: linear-gradient(180deg, #d9ba5c 0%, transparent 100%);
border-image-slice: 1;
}
}
@media (max-width: 991px) {
body.page-id-132 main .box-2 .row .col-2 .tiles .tile:not(:last-child) {
border-bottom: 1px solid;
border-image-source: linear-gradient(90deg, #d9ba5c 0%, transparent 100%);
border-image-slice: 1;
padding-bottom: 30px;
margin-bottom: 30px;
}
}
@media (max-width: 991px) {
body.page-id-132 main .box-2 .row .col-2 .tiles .tile {
display: flex;
flex-direction: row;
-moz-column-gap: 40px;
column-gap: 40px;
}
}
body.page-id-132 main .box-2 .row .col-2 .tiles .tile .tile-img {
display: flex;
align-items: center;
@@ -3020,6 +3092,21 @@ body.page-id-132 main .box-2 .row .col-2 .tiles .tile .tile-data {
padding-right: 30px;
margin-right: 30px;
}
@media (max-width: 1199px) {
body.page-id-132 main .box-2 .row .col-2 .tiles .tile .tile-data {
padding-right: 20px;
margin-right: 20px;
padding-bottom: 170px;
}
}
@media (max-width: 991px) {
body.page-id-132 main .box-2 .row .col-2 .tiles .tile .tile-data {
padding-right: 0;
margin-right: 0;
padding-bottom: 0;
margin-bottom: 0;
}
}
body.page-id-132 main .box-2 .row .col-2 .tiles .tile .tile-data h3 {
color: #ffffff;
font-weight: 400;
@@ -3028,6 +3115,11 @@ body.page-id-132 main .box-2 .row .col-2 .tiles .tile .tile-data h3 {
letter-spacing: -0.56px;
margin-bottom: 16px;
}
@media (max-width: 1199px) {
body.page-id-132 main .box-2 .row .col-2 .tiles .tile .tile-data h3 {
font-size: 22px;
}
}
body.page-id-132 main .box-2 .row .col-2 .tiles .tile .tile-data p {
color: rgb(166, 166, 166);
font-weight: 400;
@@ -3040,14 +3132,28 @@ body.page-id-132 main .box-3 {
padding-bottom: 125px;
}
body.page-id-132 main .box-3 .row-1 {
position: relative;
padding-left: 80px;
display: flex;
flex-direction: row;
-moz-column-gap: 100px;
column-gap: 100px;
}
body.page-id-132 main .box-3 .row-1::before {
@media (max-width: 1369px) {
body.page-id-132 main .box-3 .row-1 {
-moz-column-gap: 60px;
column-gap: 60px;
}
}
@media (max-width: 991px) {
body.page-id-132 main .box-3 .row-1 {
flex-direction: column;
margin-bottom: 60px;
}
}
body.page-id-132 main .box-3 .row-1 .col-1 {
position: relative;
padding-left: 80px;
}
body.page-id-132 main .box-3 .row-1 .col-1::before {
content: attr(box-title);
color: #d4d4d4;
font-weight: 700;
@@ -3060,38 +3166,71 @@ body.page-id-132 main .box-3 .row-1::before {
background: #ffffff;
z-index: 1;
}
body.page-id-132 main .box-3 .row-1::after {
body.page-id-132 main .box-3 .row-1 .col-1::after {
content: "";
position: absolute;
left: 7px;
background: #d4d4d4;
}
@media (min-width: 992px) {
body.page-id-132 main .box-3 .row-1::before {
body.page-id-132 main .box-3 .row-1 .col-1::before {
writing-mode: vertical-rl;
padding-top: 24px;
transform: rotate(180deg);
}
body.page-id-132 main .box-3 .row-1::after {
body.page-id-132 main .box-3 .row-1 .col-1::after {
top: 10px;
bottom: 0;
width: 1px;
}
}
@media (max-width: 991px) {
body.page-id-132 main .box-3 .row-1::before {
body.page-id-132 main .box-3 .row-1 .col-1::before {
padding-right: 24px;
}
body.page-id-132 main .box-3 .row-1::after {
body.page-id-132 main .box-3 .row-1 .col-1::after {
top: 7px;
right: 0;
height: 1px;
width: 100%;
}
}
@media (max-width: 991px) {
body.page-id-132 main .box-3 .row-1 .col-1 {
padding-left: 0;
padding-bottom: 70px;
margin-bottom: 60px;
}
body.page-id-132 main .box-3 .row-1 .col-1::before {
top: auto;
bottom: 0;
}
body.page-id-132 main .box-3 .row-1 .col-1::after {
top: auto;
bottom: 7px;
}
body.page-id-132 main .box-3 .row-1 .col-1 img {
margin: 0 auto;
}
}
body.page-id-132 main .box-3 .row-1 .col-2 {
max-width: 640px;
}
@media (max-width: 1369px) {
body.page-id-132 main .box-3 .row-1 .col-2 {
max-width: 530px;
}
}
@media (max-width: 1199px) {
body.page-id-132 main .box-3 .row-1 .col-2 {
max-width: 360px;
}
}
@media (max-width: 991px) {
body.page-id-132 main .box-3 .row-1 .col-2 {
max-width: unset;
}
}
body.page-id-132 main .box-3 .row-1 .col-2 .box-mini-title {
margin-bottom: 40px;
}
@@ -3112,6 +3251,11 @@ body.page-id-132 main .box-3 .row-1 .col-2 .box-title h2 {
line-height: 1.2;
letter-spacing: -0.68px;
}
@media (max-width: 1199px) {
body.page-id-132 main .box-3 .row-1 .col-2 .box-title h2 {
font-size: 26px;
}
}
body.page-id-132 main .box-3 .row-1 .col-2 ul {
padding: 0;
margin: 0;
@@ -3146,7 +3290,11 @@ body.page-id-132 main .box-3 .row-1 .col-2 ul li::before {
}
body.page-id-132 main .box-3 .row-2 {
position: relative;
margin-top: -150px;
}
@media (min-width: 992px) {
body.page-id-132 main .box-3 .row-2 {
margin-top: -150px;
}
}
body.page-id-132 main .box-3 .row-2 .box-info {
max-width: 1120px;
@@ -3154,6 +3302,17 @@ body.page-id-132 main .box-3 .row-2 .box-info {
background: rgb(250, 248, 242);
margin-left: auto;
}
@media (max-width: 1369px) {
body.page-id-132 main .box-3 .row-2 .box-info {
max-width: 900px;
}
}
@media (max-width: 1199px) {
body.page-id-132 main .box-3 .row-2 .box-info {
max-width: 750px;
padding: 44px;
}
}
body.page-id-132 main .box-3 .row-2 .box-info h3 {
color: #232323;
font-weight: 400;
@@ -3173,6 +3332,19 @@ body.page-id-132 main .box-3 .row-2 .box-info p strong {
color: #d9ba5c;
font-weight: initial;
}
@media (max-width: 1369px) {
body.page-id-132 main .box-3 .row-2 .box-info p {
font-size: 28px;
}
}
@media (max-width: 1199px) {
body.page-id-132 main .box-3 .row-2 .box-info p {
font-size: 24px;
}
body.page-id-132 main .box-3 .row-2 .box-info p br {
display: none;
}
}
body.blog main.blog-page {
padding-top: 32px;