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

Add "Kariera" page

Browse Source
This commit is contained in:
Roman Pyrih
2025-11-25 14:16:12 +01:00
parent 8ca1981723
commit 91c1307998
8 changed files with 1440 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -358,6 +358,7 @@ header#masthead .row .site-branding.active img {
padding-bottom: 90px;
height: 100svh;
max-height: calc(100svh - 77px);
overflow: auto;
}
}
header#masthead .row nav#site-navigation ul#primary-menu {
@@ -3659,4 +3660,584 @@ body.page-id-414 main .box-1 p {
line-height: 1.5;
letter-spacing: -0.32px;
margin-bottom: 0.8em;
}
body.page-id-473 main.kariera-page {
padding-top: 32px;
}
body.page-id-473 main.kariera-page .box-1 {
margin-bottom: 48px;
}
body.page-id-473 main.kariera-page .box-1:hover .box-bg img {
transform: scale(1.3);
transition: all 10s ease-in-out;
}
body.page-id-473 main.kariera-page .box-1.single {
margin-bottom: 150px;
}
@media (max-width: 991px) {
body.page-id-473 main.kariera-page .box-1.single {
margin-bottom: 100px;
}
}
body.page-id-473 main.kariera-page .box-1 .box--wrapper {
position: relative;
height: 568px;
padding: 64px;
}
@media (max-width: 991px) {
body.page-id-473 main.kariera-page .box-1 .box--wrapper {
height: 460px;
}
}
@media (max-width: 575px) {
body.page-id-473 main.kariera-page .box-1 .box--wrapper {
padding: 30px;
height: 400px;
}
}
body.page-id-473 main.kariera-page .box-1 .box-bg {
position: absolute;
inset: 0;
filter: brightness(0.7);
overflow: hidden;
}
body.page-id-473 main.kariera-page .box-1 .box-bg img {
width: 100%;
-o-object-fit: cover;
object-fit: cover;
height: 100%;
-o-object-position: center;
object-position: center;
transition: all 250ms ease-in-out;
}
body.page-id-473 main.kariera-page .box-1 .row {
position: relative;
z-index: 1;
display: flex;
flex-direction: column;
justify-content: space-between;
row-gap: 40px;
height: 100%;
}
body.page-id-473 main.kariera-page .box-1 .row .col-1 #breadcrumbs_box .container {
padding: 0;
}
body.page-id-473 main.kariera-page .box-1 .row .col-1 #breadcrumbs_box #breadcrumbs {
color: #ffffff;
}
body.page-id-473 main.kariera-page .box-1 .row .col-2 .box-head {
max-width: 785px;
margin-bottom: 32px;
}
body.page-id-473 main.kariera-page .box-1 .row .col-2 .box-head h2 {
color: #ffffff;
font-weight: 500;
font-size: 48px;
line-height: 1.2;
letter-spacing: -0.96px;
}
@media (max-width: 991px) {
body.page-id-473 main.kariera-page .box-1 .row .col-2 .box-head h2 {
font-size: 40px;
}
}
@media (max-width: 767px) {
body.page-id-473 main.kariera-page .box-1 .row .col-2 .box-head h2 {
font-size: 30px;
}
}
@media (max-width: 575px) {
body.page-id-473 main.kariera-page .box-1 .row .col-2 .box-head h2 {
font-size: 24px;
}
}
body.page-id-473 main.kariera-page .box-2 {
padding-bottom: 150px;
}
@media (max-width: 991px) {
body.page-id-473 main.kariera-page .box-2 {
padding-bottom: 100px;
}
}
body.page-id-473 main.kariera-page .box-2 .posts-list {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 64px;
margin-bottom: 100px;
}
@media (max-width: 991px) {
body.page-id-473 main.kariera-page .box-2 .posts-list {
grid-template-columns: repeat(2, 1fr);
margin-bottom: 30px;
gap: 40px;
}
}
@media (max-width: 575px) {
body.page-id-473 main.kariera-page .box-2 .posts-list {
gap: 50px 24px;
}
}
body.page-id-473 main.kariera-page .box-2 .posts-more {
text-align: center;
}
body.page-id-473 main.kariera-page .box-2 .posts-more a {
display: inline-flex;
flex-direction: row;
gap: 16px;
}
body.page-id-473 main.kariera-page .box-2 .posts-more a:hover .loader::after, body.page-id-473 main.kariera-page .box-2 .posts-more a:hover .loader::before {
background: #ffffff;
}
body.page-id-473 main.kariera-page .box-2 .posts-more a .loader {
width: 16px;
height: 16px;
display: inline-block;
position: relative;
margin-top: -3px;
display: none;
}
body.page-id-473 main.kariera-page .box-2 .posts-more a .loader::after, body.page-id-473 main.kariera-page .box-2 .posts-more a .loader::before {
content: "";
box-sizing: border-box;
width: 20px;
height: 20px;
border-radius: 50%;
background: #d9ba5c;
position: absolute;
left: 0;
top: 0;
animation: animloader 1s linear infinite;
transition: all 250ms ease-in-out;
}
body.page-id-473 main.kariera-page .box-2 .posts-more a .loader::after {
opacity: 0;
animation-delay: 0.5s;
}
@keyframes animloader {
0% {
transform: scale(0);
opacity: 1;
}
100% {
transform: scale(1);
opacity: 0;
}
}
body.page-id-473 main.kariera-page .box-empty {
padding-top: 150px;
padding-bottom: 200px;
}
@media (max-width: 991px) {
body.page-id-473 main.kariera-page .box-empty {
padding-top: 100px;
padding-bottom: 150px;
}
}
body.page-id-473 main.kariera-page .box-empty .box--wrapper {
text-align: center;
}
body.page-id-473 main.kariera-page .box-empty .box--wrapper h2 {
color: #232323;
font-weight: 400;
font-size: 36px;
line-height: 1;
letter-spacing: -0.68px;
margin-bottom: 16px;
}
body.single-kariera main.page-single-kariera {
margin-top: 50px;
}
body.single-kariera main.page-single-kariera .box-1 {
margin-bottom: 120px;
}
@media (max-width: 991px) {
body.single-kariera main.page-single-kariera .box-1 {
margin-bottom: 100px;
}
}
body.single-kariera main.page-single-kariera .box-1 .row {
display: flex;
flex-direction: row;
}
@media (max-width: 991px) {
body.single-kariera main.page-single-kariera .box-1 .row {
flex-direction: column-reverse;
row-gap: 50px;
}
}
body.single-kariera main.page-single-kariera .box-1 .row .col-1 {
width: 100%;
}
@media (min-width: 992px) {
body.single-kariera main.page-single-kariera .box-1 .row .col-1 {
padding-right: 70px;
border-right: 1px solid #d4d4d4;
max-width: 800px;
}
}
body.single-kariera main.page-single-kariera .box-1 .row .col-1 .btn-back-page:hover path {
stroke: #ffffff;
}
body.single-kariera main.page-single-kariera .box-1 .row .col-1 .btn-back-page path {
transition: all 250ms ease-in-out;
}
@media (min-width: 992px) {
body.single-kariera main.page-single-kariera .box-1 .row .col-2 {
flex-basis: 480px;
}
}
@media (max-width: 991px) {
body.single-kariera main.page-single-kariera .box-1 .row .col-2 {
height: 300px;
}
}
@media (min-width: 992px) {
body.single-kariera main.page-single-kariera .box-1 .row .col-2 .post-thumbnail {
position: sticky;
top: 0px;
}
}
@media (max-width: 991px) {
body.single-kariera main.page-single-kariera .box-1 .row .col-2 .post-thumbnail {
height: 100%;
}
}
body.single-kariera main.page-single-kariera .box-1 .row .col-2 img {
width: 100%;
}
@media (max-width: 991px) {
body.single-kariera main.page-single-kariera .box-1 .row .col-2 img {
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
}
body.single-kariera main.page-single-kariera .box-2 {
padding-top: 135px;
padding-bottom: 160px;
background: #fafafa;
}
@media (max-width: 991px) {
body.single-kariera main.page-single-kariera .box-2 {
padding-top: 100px;
padding-bottom: 100px;
}
}
body.single-kariera main.page-single-kariera .box-2 .row {
position: relative;
}
body.single-kariera main.page-single-kariera .box-2 .row::before {
content: attr(box-title);
color: #d4d4d4;
font-weight: 700;
font-size: 16px;
line-height: 1;
letter-spacing: -0.34px;
position: absolute;
left: 0;
top: 0;
background: #fafafa;
z-index: 1;
}
body.single-kariera main.page-single-kariera .box-2 .row::after {
content: "";
position: absolute;
left: 7px;
background: #d4d4d4;
}
@media (min-width: 992px) {
body.single-kariera main.page-single-kariera .box-2 .row::before {
writing-mode: vertical-rl;
padding-top: 24px;
transform: rotate(180deg);
}
body.single-kariera main.page-single-kariera .box-2 .row::after {
top: 10px;
bottom: 0;
width: 1px;
}
}
@media (max-width: 991px) {
body.single-kariera main.page-single-kariera .box-2 .row::before {
padding-right: 24px;
}
body.single-kariera main.page-single-kariera .box-2 .row::after {
top: 7px;
right: 0;
height: 1px;
width: 100%;
}
}
@media (min-width: 992px) {
body.single-kariera main.page-single-kariera .box-2 .row {
padding-left: 64px;
}
}
@media (max-width: 991px) {
body.single-kariera main.page-single-kariera .box-2 .row {
padding-top: 64px;
}
}
body.single-kariera main.page-single-kariera .box-2 .row .box-head h2 {
margin-bottom: 40px;
color: #232323;
font-weight: 400;
font-size: 48px;
line-height: 1;
letter-spacing: -0.96px;
}
@media (max-width: 991px) {
body.single-kariera main.page-single-kariera .box-2 .row .box-head h2 {
font-size: 32px;
}
}
body.single-kariera main.page-single-kariera .box-2 .row .other-posts {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 32px;
}
@media (max-width: 991px) {
body.single-kariera main.page-single-kariera .box-2 .row .other-posts article.article-card .article-card--wrapper .article-card--image a img {
height: 180px;
}
body.single-kariera main.page-single-kariera .box-2 .row .other-posts article.article-card .article-card--wrapper .article-card--content .article-card--title h3 {
font-size: 18px;
}
}
@media (min-width: 576px) and (max-width: 767px) {
body.single-kariera main.page-single-kariera .box-2 .row .other-posts {
grid-template-columns: repeat(2, 1fr);
}
body.single-kariera main.page-single-kariera .box-2 .row .other-posts article.article-card:last-child {
display: none;
}
}
@media (max-width: 575px) {
body.single-kariera main.page-single-kariera .box-2 .row .other-posts {
grid-template-columns: 1fr;
}
}
body.single-kariera main.page-single-kariera article.kariera .entry-header {
margin: 32px 0;
}
body.single-kariera main.page-single-kariera article.kariera .entry-header h1 {
color: #232323;
font-weight: 500;
font-size: 48px;
line-height: 1.2;
letter-spacing: -0.96px;
margin: 0;
}
@media (max-width: 1199px) {
body.single-kariera main.page-single-kariera article.kariera .entry-header h1 {
font-size: 42px;
}
}
@media (max-width: 767px) {
body.single-kariera main.page-single-kariera article.kariera .entry-header h1 {
font-size: 32px;
}
}
body.single-kariera main.page-single-kariera article.kariera .entry-content {
margin-bottom: 50px;
}
body.single-kariera main.page-single-kariera article.kariera .entry-content pre.wp-block-preformatted {
position: relative;
color: #232323;
font-family: "Helvetica Neue", sans-serif;
font-weight: 400;
font-size: 24px;
line-height: 1.5;
letter-spacing: -0.48px;
padding: 0 0 50px 0;
margin: 0 0 16px 0;
background: transparent;
}
body.single-kariera main.page-single-kariera article.kariera .entry-content pre.wp-block-preformatted::before {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100px;
height: 1px;
background: #d9ba5c;
}
@media (max-width: 767px) {
body.single-kariera main.page-single-kariera article.kariera .entry-content pre.wp-block-preformatted {
font-size: 20px;
}
}
body.single-kariera main.page-single-kariera article.kariera .entry-content h2 {
color: #232323;
margin-bottom: 32px;
font-weight: 400;
font-size: 24px;
line-height: 1.5;
letter-spacing: -0.48px;
}
@media (max-width: 767px) {
body.single-kariera main.page-single-kariera article.kariera .entry-content h2 {
font-size: 20px;
}
}
body.single-kariera main.page-single-kariera article.kariera .entry-content p {
color: #232323;
font-weight: 500;
font-size: 18px;
line-height: 1.5;
letter-spacing: -0.36px;
}
body.single-kariera main.page-single-kariera article.kariera .entry-content p strong {
color: #d9ba5c;
}
@media (max-width: 767px) {
body.single-kariera main.page-single-kariera article.kariera .entry-content p {
font-size: 16px;
}
}
body.single-kariera main.page-single-kariera article.kariera .entry-content a {
color: #d9ba5c;
text-decoration: underline;
}
body.single-kariera main.page-single-kariera article.kariera .entry-content ul {
padding: 0;
margin-left: 0;
}
body.single-kariera main.page-single-kariera article.kariera .entry-content ul li {
position: relative;
padding-left: 40px;
color: #232323;
font-weight: 500;
font-size: 18px;
line-height: 1.5;
letter-spacing: -0.36px;
}
body.single-kariera main.page-single-kariera article.kariera .entry-content ul li:not(:last-child) {
margin-bottom: 16px;
}
body.single-kariera main.page-single-kariera article.kariera .entry-content ul li::before {
content: "";
position: absolute;
top: 12px;
left: 0;
width: 18px;
height: 1px;
background: #d9ba5c;
transform: translateY(-50%);
}
@media (max-width: 767px) {
body.single-kariera main.page-single-kariera article.kariera .entry-content ul li {
font-size: 16px;
}
}
body.single-kariera main.page-single-kariera article.kariera .entry-content ol {
counter-reset: custom-counter;
padding: 0;
margin-left: 0;
}
body.single-kariera main.page-single-kariera article.kariera .entry-content ol li {
position: relative;
padding-left: 40px;
color: #232323;
font-weight: 500;
font-size: 18px;
line-height: 1.5;
letter-spacing: -0.36px;
}
body.single-kariera main.page-single-kariera article.kariera .entry-content ol li:not(:last-child) {
margin-bottom: 16px;
}
body.single-kariera main.page-single-kariera article.kariera .entry-content ol li::before {
counter-increment: custom-counter;
content: counter(custom-counter) ".";
position: absolute;
top: 0;
left: 0;
color: #d9ba5c;
font-weight: 500;
font-size: 18px;
}
body.single-kariera main.page-single-kariera article.kariera .entry-content figure.wp-block-pullquote {
padding: 0;
margin: 50px 0;
}
body.single-kariera main.page-single-kariera article.kariera .entry-content figure.wp-block-pullquote blockquote {
position: relative;
padding: 32px 130px 32px 32px;
background-color: #fafafa;
}
body.single-kariera main.page-single-kariera article.kariera .entry-content figure.wp-block-pullquote blockquote::before {
content: "";
position: absolute;
top: 32px;
right: 32px;
width: 32px;
height: 28px;
background-image: url("/wp-content/uploads/2025/08/quote.svg");
background-position: center;
background-size: contain;
background-repeat: no-repeat;
}
@media (max-width: 767px) {
body.single-kariera main.page-single-kariera article.kariera .entry-content figure.wp-block-pullquote blockquote {
padding: 24px 70px 24px 24px;
}
}
body.single-kariera main.page-single-kariera article.kariera .entry-content figure.wp-block-pullquote blockquote p {
color: #232323;
font-weight: 500;
font-size: 20px;
line-height: 1.5;
letter-spacing: -0.38px;
margin-bottom: 0;
}
@media (max-width: 767px) {
body.single-kariera main.page-single-kariera article.kariera .entry-content figure.wp-block-pullquote blockquote p {
font-size: 16px;
}
}
body.single-kariera main.page-single-kariera article.kariera .entry-content figure.wp-block-pullquote blockquote cite {
position: relative;
color: #232323;
font-weight: 500;
font-size: 18px;
font-style: normal;
line-height: 1;
letter-spacing: -0.36px;
padding-left: 35px;
margin-top: 24px;
}
body.single-kariera main.page-single-kariera article.kariera .entry-content figure.wp-block-pullquote blockquote cite::before {
content: "";
position: absolute;
top: 50%;
left: 0;
width: 18px;
height: 1px;
background: #d9ba5c;
transform: translateY(-50%);
}
@media (max-width: 767px) {
body.single-kariera main.page-single-kariera article.kariera .entry-content figure.wp-block-pullquote blockquote cite {
font-size: 16px;
}
}
body.single-kariera main.page-single-kariera article.kariera .entry-footer .entry-meta {
display: flex;
flex-direction: row;
align-items: center;
}
body.single-kariera main.page-single-kariera article.kariera .entry-footer .entry-meta > span:not(:last-child) {
margin-right: 5px;
padding-right: 5px;
border-right: 1px solid #8f8f8f;
}
body.single-kariera main.page-single-kariera article.kariera .entry-footer .entry-meta * {
color: #8f8f8f;
font-weight: 400;
font-size: 16px;
line-height: 1;
letter-spacing: -0.32px;
}/*# sourceMappingURL=custom.css.map */