Add "Kariera" page
This commit is contained in:
Roman Pyrih
@@ -358,6 +358,7 @@ header#masthead .row .site-branding.active img {
|
|||||||
padding-bottom: 90px;
|
padding-bottom: 90px;
|
||||||
height: 100svh;
|
height: 100svh;
|
||||||
max-height: calc(100svh - 77px);
|
max-height: calc(100svh - 77px);
|
||||||
|
overflow: auto;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
header#masthead .row nav#site-navigation ul#primary-menu {
|
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;
|
line-height: 1.5;
|
||||||
letter-spacing: -0.32px;
|
letter-spacing: -0.32px;
|
||||||
margin-bottom: 0.8em;
|
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 */
|
}/*# sourceMappingURL=custom.css.map */
|
||||||
File diff suppressed because one or more lines are too long
@@ -327,6 +327,7 @@ header#masthead {
|
|||||||
|
|
||||||
height: 100svh;
|
height: 100svh;
|
||||||
max-height: calc(100svh - $header-height);
|
max-height: calc(100svh - $header-height);
|
||||||
|
overflow: auto;
|
||||||
}
|
}
|
||||||
&.active {
|
&.active {
|
||||||
}
|
}
|
||||||
@@ -3386,3 +3387,608 @@ body.page-id-414 {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
//* Kariera
|
||||||
|
body.page-id-473 {
|
||||||
|
main.kariera-page {
|
||||||
|
padding-top: 32px;
|
||||||
|
|
||||||
|
.box-1 {
|
||||||
|
margin-bottom: 48px;
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
.box-bg {
|
||||||
|
img {
|
||||||
|
transform: scale(1.3);
|
||||||
|
transition: all 10s ease-in-out;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&.single {
|
||||||
|
margin-bottom: 150px;
|
||||||
|
|
||||||
|
@include respond-below(lg) {
|
||||||
|
margin-bottom: 100px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.box--wrapper {
|
||||||
|
position: relative;
|
||||||
|
height: 568px;
|
||||||
|
padding: 64px;
|
||||||
|
|
||||||
|
@include respond-below(lg) {
|
||||||
|
height: 460px;
|
||||||
|
}
|
||||||
|
@include respond-below(sm) {
|
||||||
|
padding: 30px;
|
||||||
|
height: 400px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.box-bg {
|
||||||
|
position: absolute;
|
||||||
|
inset: 0;
|
||||||
|
filter: brightness(0.7);
|
||||||
|
overflow: hidden;
|
||||||
|
|
||||||
|
img {
|
||||||
|
width: 100%;
|
||||||
|
object-fit: cover;
|
||||||
|
height: 100%;
|
||||||
|
object-position: center;
|
||||||
|
|
||||||
|
transition: all 250ms ease-in-out;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.row {
|
||||||
|
position: relative;
|
||||||
|
z-index: 1;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
justify-content: space-between;
|
||||||
|
row-gap: 40px;
|
||||||
|
height: 100%;
|
||||||
|
|
||||||
|
.col {
|
||||||
|
&-1 {
|
||||||
|
#breadcrumbs_box {
|
||||||
|
.container {
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
#breadcrumbs {
|
||||||
|
color: $cWhite;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
&-2 {
|
||||||
|
.box-head {
|
||||||
|
max-width: 785px;
|
||||||
|
margin-bottom: 32px;
|
||||||
|
|
||||||
|
h2 {
|
||||||
|
color: $cWhite;
|
||||||
|
font-weight: 500;
|
||||||
|
font-size: 48px;
|
||||||
|
line-height: 1.2;
|
||||||
|
letter-spacing: -0.96px;
|
||||||
|
|
||||||
|
@include respond-below(lg) {
|
||||||
|
font-size: 40px;
|
||||||
|
}
|
||||||
|
@include respond-below(md) {
|
||||||
|
font-size: 30px;
|
||||||
|
}
|
||||||
|
@include respond-below(sm) {
|
||||||
|
font-size: 24px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.box-2 {
|
||||||
|
padding-bottom: 150px;
|
||||||
|
|
||||||
|
@include respond-below(lg) {
|
||||||
|
padding-bottom: 100px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.posts-list {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: repeat(3, 1fr);
|
||||||
|
gap: 64px;
|
||||||
|
margin-bottom: 100px;
|
||||||
|
|
||||||
|
@include respond-below(lg) {
|
||||||
|
grid-template-columns: repeat(2, 1fr);
|
||||||
|
margin-bottom: 30px;
|
||||||
|
gap: 40px;
|
||||||
|
}
|
||||||
|
|
||||||
|
@include respond-below(sm) {
|
||||||
|
gap: 50px 24px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.posts-more {
|
||||||
|
text-align: center;
|
||||||
|
|
||||||
|
a {
|
||||||
|
display: inline-flex;
|
||||||
|
flex-direction: row;
|
||||||
|
gap: 16px;
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
.loader {
|
||||||
|
&::after,
|
||||||
|
&::before {
|
||||||
|
background: $cWhite;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.loader {
|
||||||
|
width: 16px;
|
||||||
|
height: 16px;
|
||||||
|
display: inline-block;
|
||||||
|
position: relative;
|
||||||
|
margin-top: -3px;
|
||||||
|
display: none;
|
||||||
|
|
||||||
|
&::after,
|
||||||
|
&::before {
|
||||||
|
content: '';
|
||||||
|
box-sizing: border-box;
|
||||||
|
width: 20px;
|
||||||
|
height: 20px;
|
||||||
|
border-radius: 50%;
|
||||||
|
background: $cGold;
|
||||||
|
position: absolute;
|
||||||
|
left: 0;
|
||||||
|
top: 0;
|
||||||
|
animation: animloader 1s linear infinite;
|
||||||
|
transition: all 250ms ease-in-out;
|
||||||
|
}
|
||||||
|
&::after {
|
||||||
|
opacity: 0;
|
||||||
|
animation-delay: 0.5s;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes animloader {
|
||||||
|
0% {
|
||||||
|
transform: scale(0);
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
100% {
|
||||||
|
transform: scale(1);
|
||||||
|
opacity: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.box-empty {
|
||||||
|
padding-top: 150px;
|
||||||
|
padding-bottom: 200px;
|
||||||
|
|
||||||
|
@include respond-below(lg) {
|
||||||
|
padding-top: 100px;
|
||||||
|
padding-bottom: 150px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.box--wrapper {
|
||||||
|
text-align: center;
|
||||||
|
|
||||||
|
h2 {
|
||||||
|
color: $cBlack;
|
||||||
|
font-weight: 400;
|
||||||
|
font-size: 36px;
|
||||||
|
line-height: 1;
|
||||||
|
letter-spacing: -0.68px;
|
||||||
|
margin-bottom: 16px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
//* Single post
|
||||||
|
body.single-kariera {
|
||||||
|
main.page-single-kariera {
|
||||||
|
margin-top: 50px;
|
||||||
|
|
||||||
|
.box-1 {
|
||||||
|
margin-bottom: 120px;
|
||||||
|
|
||||||
|
@include respond-below(lg) {
|
||||||
|
margin-bottom: 100px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.row {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
|
||||||
|
@include respond-below(lg) {
|
||||||
|
flex-direction: column-reverse;
|
||||||
|
row-gap: 50px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.col {
|
||||||
|
&-1 {
|
||||||
|
// flex: 1;
|
||||||
|
width: 100%;
|
||||||
|
|
||||||
|
@include respond-above(lg) {
|
||||||
|
padding-right: 70px;
|
||||||
|
border-right: 1px solid #d4d4d4;
|
||||||
|
max-width: 800px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-back-page {
|
||||||
|
&:hover {
|
||||||
|
path {
|
||||||
|
stroke: $cWhite;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
path {
|
||||||
|
transition: all 250ms ease-in-out;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
&-2 {
|
||||||
|
@include respond-above(lg) {
|
||||||
|
flex-basis: 480px;
|
||||||
|
}
|
||||||
|
@include respond-below(lg) {
|
||||||
|
height: 300px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.post-thumbnail {
|
||||||
|
@include respond-above(lg) {
|
||||||
|
position: sticky;
|
||||||
|
top: 0px;
|
||||||
|
}
|
||||||
|
@include respond-below(lg) {
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
img {
|
||||||
|
width: 100%;
|
||||||
|
|
||||||
|
@include respond-below(lg) {
|
||||||
|
height: 100%;
|
||||||
|
object-fit: cover;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.box-2 {
|
||||||
|
padding-top: 135px;
|
||||||
|
padding-bottom: 160px;
|
||||||
|
background: #fafafa;
|
||||||
|
|
||||||
|
@include respond-below(lg) {
|
||||||
|
padding-top: 100px;
|
||||||
|
padding-bottom: 100px;
|
||||||
|
}
|
||||||
|
.row {
|
||||||
|
@include box_title_line(#d4d4d4, #fafafa);
|
||||||
|
|
||||||
|
@include respond-above(lg) {
|
||||||
|
padding-left: 64px;
|
||||||
|
}
|
||||||
|
@include respond-below(lg) {
|
||||||
|
padding-top: 64px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.box-head {
|
||||||
|
h2 {
|
||||||
|
margin-bottom: 40px;
|
||||||
|
color: $cBlack;
|
||||||
|
font-weight: 400;
|
||||||
|
font-size: 48px;
|
||||||
|
line-height: 1;
|
||||||
|
letter-spacing: -0.96px;
|
||||||
|
|
||||||
|
@include respond-below(lg) {
|
||||||
|
font-size: 32px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.other-posts {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: repeat(3, 1fr);
|
||||||
|
gap: 32px;
|
||||||
|
|
||||||
|
@include respond-below(lg) {
|
||||||
|
article.article-card {
|
||||||
|
.article-card--wrapper {
|
||||||
|
.article-card--image {
|
||||||
|
a {
|
||||||
|
img {
|
||||||
|
height: 180px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.article-card--content {
|
||||||
|
.article-card--title {
|
||||||
|
h3 {
|
||||||
|
font-size: 18px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@include respond-between(sm, md) {
|
||||||
|
grid-template-columns: repeat(2, 1fr);
|
||||||
|
|
||||||
|
article.article-card {
|
||||||
|
&:last-child {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@include respond-below(sm) {
|
||||||
|
grid-template-columns: 1fr;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
article.kariera {
|
||||||
|
.entry-header {
|
||||||
|
margin: 32px 0;
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
color: $cBlack;
|
||||||
|
font-weight: 500;
|
||||||
|
font-size: 48px;
|
||||||
|
line-height: 1.2;
|
||||||
|
letter-spacing: -0.96px;
|
||||||
|
margin: 0;
|
||||||
|
|
||||||
|
@include respond-below(xl) {
|
||||||
|
font-size: 42px;
|
||||||
|
}
|
||||||
|
@include respond-below(md) {
|
||||||
|
font-size: 32px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.entry-content {
|
||||||
|
margin-bottom: 50px;
|
||||||
|
|
||||||
|
pre.wp-block-preformatted {
|
||||||
|
position: relative;
|
||||||
|
color: $cBlack;
|
||||||
|
font-family: $fHelveticaNeue;
|
||||||
|
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;
|
||||||
|
|
||||||
|
&::before {
|
||||||
|
content: '';
|
||||||
|
position: absolute;
|
||||||
|
bottom: 0;
|
||||||
|
left: 0;
|
||||||
|
width: 100px;
|
||||||
|
height: 1px;
|
||||||
|
background: $cGold;
|
||||||
|
}
|
||||||
|
|
||||||
|
@include respond-below(md) {
|
||||||
|
font-size: 20px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
h2 {
|
||||||
|
color: $cBlack;
|
||||||
|
margin-bottom: 32px;
|
||||||
|
font-weight: 400;
|
||||||
|
font-size: 24px;
|
||||||
|
line-height: 1.5;
|
||||||
|
letter-spacing: -0.48px;
|
||||||
|
|
||||||
|
@include respond-below(md) {
|
||||||
|
font-size: 20px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
p {
|
||||||
|
color: $cBlack;
|
||||||
|
font-weight: 500;
|
||||||
|
font-size: 18px;
|
||||||
|
line-height: 1.5;
|
||||||
|
letter-spacing: -0.36px;
|
||||||
|
|
||||||
|
strong {
|
||||||
|
color: $cGold;
|
||||||
|
}
|
||||||
|
|
||||||
|
@include respond-below(md) {
|
||||||
|
font-size: 16px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
a {
|
||||||
|
color: $cGold;
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
|
||||||
|
ul {
|
||||||
|
padding: 0;
|
||||||
|
margin-left: 0;
|
||||||
|
|
||||||
|
li {
|
||||||
|
position: relative;
|
||||||
|
padding-left: 40px;
|
||||||
|
|
||||||
|
color: $cBlack;
|
||||||
|
font-weight: 500;
|
||||||
|
font-size: 18px;
|
||||||
|
line-height: 1.5;
|
||||||
|
letter-spacing: -0.36px;
|
||||||
|
|
||||||
|
&:not(:last-child) {
|
||||||
|
margin-bottom: 16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
&::before {
|
||||||
|
content: '';
|
||||||
|
position: absolute;
|
||||||
|
top: 12px;
|
||||||
|
left: 0;
|
||||||
|
width: 18px;
|
||||||
|
height: 1px;
|
||||||
|
background: $cGold;
|
||||||
|
transform: translateY(-50%);
|
||||||
|
}
|
||||||
|
|
||||||
|
@include respond-below(md) {
|
||||||
|
font-size: 16px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
ol {
|
||||||
|
counter-reset: custom-counter;
|
||||||
|
padding: 0;
|
||||||
|
margin-left: 0;
|
||||||
|
|
||||||
|
li {
|
||||||
|
position: relative;
|
||||||
|
padding-left: 40px;
|
||||||
|
|
||||||
|
color: $cBlack;
|
||||||
|
font-weight: 500;
|
||||||
|
font-size: 18px;
|
||||||
|
line-height: 1.5;
|
||||||
|
letter-spacing: -0.36px;
|
||||||
|
|
||||||
|
&:not(:last-child) {
|
||||||
|
margin-bottom: 16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
&::before {
|
||||||
|
counter-increment: custom-counter;
|
||||||
|
content: counter(custom-counter) '.';
|
||||||
|
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
|
||||||
|
color: $cGold;
|
||||||
|
font-weight: 500;
|
||||||
|
font-size: 18px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
figure.wp-block-pullquote {
|
||||||
|
padding: 0;
|
||||||
|
margin: 50px 0;
|
||||||
|
|
||||||
|
blockquote {
|
||||||
|
position: relative;
|
||||||
|
padding: 32px 130px 32px 32px;
|
||||||
|
background-color: #fafafa;
|
||||||
|
|
||||||
|
&::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;
|
||||||
|
}
|
||||||
|
|
||||||
|
@include respond-below(md) {
|
||||||
|
padding: 24px 70px 24px 24px;
|
||||||
|
}
|
||||||
|
|
||||||
|
p {
|
||||||
|
color: $cBlack;
|
||||||
|
font-weight: 500;
|
||||||
|
font-size: 20px;
|
||||||
|
line-height: 1.5;
|
||||||
|
letter-spacing: -0.38px;
|
||||||
|
margin-bottom: 0;
|
||||||
|
|
||||||
|
@include respond-below(md) {
|
||||||
|
font-size: 16px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
cite {
|
||||||
|
position: relative;
|
||||||
|
color: $cBlack;
|
||||||
|
font-weight: 500;
|
||||||
|
font-size: 18px;
|
||||||
|
font-style: normal;
|
||||||
|
line-height: 1;
|
||||||
|
letter-spacing: -0.36px;
|
||||||
|
padding-left: 35px;
|
||||||
|
margin-top: 24px;
|
||||||
|
|
||||||
|
&::before {
|
||||||
|
content: '';
|
||||||
|
position: absolute;
|
||||||
|
top: 50%;
|
||||||
|
left: 0;
|
||||||
|
width: 18px;
|
||||||
|
height: 1px;
|
||||||
|
background: $cGold;
|
||||||
|
transform: translateY(-50%);
|
||||||
|
}
|
||||||
|
@include respond-below(md) {
|
||||||
|
font-size: 16px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.entry-footer {
|
||||||
|
.entry-meta {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
align-items: center;
|
||||||
|
|
||||||
|
> span {
|
||||||
|
&:not(:last-child) {
|
||||||
|
margin-right: 5px;
|
||||||
|
padding-right: 5px;
|
||||||
|
border-right: 1px solid #8f8f8f;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
* {
|
||||||
|
color: #8f8f8f;
|
||||||
|
font-weight: 400;
|
||||||
|
font-size: 16px;
|
||||||
|
line-height: 1;
|
||||||
|
letter-spacing: -0.32px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|||||||
@@ -25,12 +25,17 @@
|
|||||||
$top_footer_head = $top_footer['services']['title'];
|
$top_footer_head = $top_footer['services']['title'];
|
||||||
$top_footer_text = $top_footer['services']['text'];
|
$top_footer_text = $top_footer['services']['text'];
|
||||||
$top_footer_link = $top_footer['services']['btn'];
|
$top_footer_link = $top_footer['services']['btn'];
|
||||||
|
} else if(get_queried_object_id() == 473) {
|
||||||
|
$top_footer_head = $top_footer['kariera']['title'];
|
||||||
|
$top_footer_text = $top_footer['kariera']['text'];
|
||||||
|
$top_footer_link = $top_footer['kariera']['btn'];
|
||||||
} else if($page_type == 'post') {
|
} else if($page_type == 'post') {
|
||||||
$top_footer_head = $top_footer['blog']['title'];
|
$top_footer_head = $top_footer['blog']['title'];
|
||||||
$top_footer_text = $top_footer['blog']['text'];
|
$top_footer_text = $top_footer['blog']['text'];
|
||||||
$top_footer_link = $top_footer['blog']['btn'];
|
$top_footer_link = $top_footer['blog']['btn'];
|
||||||
}
|
}
|
||||||
?>
|
?>
|
||||||
|
|
||||||
<footer id="site-footer" class="site-footer">
|
<footer id="site-footer" class="site-footer">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<?php if ( !empty($top_footer_head) || !empty($top_footer_text) || !empty($top_footer_link) ): ?>
|
<?php if ( !empty($top_footer_head) || !empty($top_footer_text) || !empty($top_footer_link) ): ?>
|
||||||
|
|||||||
@@ -261,6 +261,40 @@ function load_more_posts_callback() {
|
|||||||
wp_die();
|
wp_die();
|
||||||
}
|
}
|
||||||
|
|
||||||
|
add_action('wp_ajax_load_more_kariera', 'load_more_kariera_callback');
|
||||||
|
add_action('wp_ajax_nopriv_load_more_kariera', 'load_more_kariera_callback');
|
||||||
|
|
||||||
|
function load_more_kariera_callback() {
|
||||||
|
$paged = isset($_POST['page']) ? intval($_POST['page']) + 1 : 1;
|
||||||
|
|
||||||
|
$query = new WP_Query([
|
||||||
|
'post_type' => 'kariera',
|
||||||
|
'posts_per_page' => get_option('posts_per_page'),
|
||||||
|
'paged' => $paged,
|
||||||
|
'orderby' => 'date',
|
||||||
|
'order' => 'DESC',
|
||||||
|
]);
|
||||||
|
|
||||||
|
if ($query->have_posts()) :
|
||||||
|
while ($query->have_posts()) : $query->the_post();
|
||||||
|
$image = get_the_post_thumbnail_url(get_the_ID(), 'medium');
|
||||||
|
$title = get_the_title();
|
||||||
|
$link = get_permalink();
|
||||||
|
|
||||||
|
get_template_part(
|
||||||
|
'inc/template-article-card', null, [
|
||||||
|
'image' => $image ?: '/wp-content/uploads/2025/08/default.jpg',
|
||||||
|
'title' => $title,
|
||||||
|
'link' => $link,
|
||||||
|
]
|
||||||
|
);
|
||||||
|
endwhile;
|
||||||
|
endif;
|
||||||
|
|
||||||
|
wp_reset_postdata();
|
||||||
|
wp_die();
|
||||||
|
}
|
||||||
|
|
||||||
if (!function_exists('split_text_into_spans')) {
|
if (!function_exists('split_text_into_spans')) {
|
||||||
function split_text_into_spans($content, $wordClass = 'word', $charClass = 'char') {
|
function split_text_into_spans($content, $wordClass = 'word', $charClass = 'char') {
|
||||||
if (empty($content)) return '';
|
if (empty($content)) return '';
|
||||||
|
|||||||
137
wp-content/themes/brpp-prawo-podatki/page-473.php
Normal file
137
wp-content/themes/brpp-prawo-podatki/page-473.php
Normal file
@@ -0,0 +1,137 @@
|
|||||||
|
<?php
|
||||||
|
/**
|
||||||
|
* Page: Kariera
|
||||||
|
* ID: 473
|
||||||
|
*/
|
||||||
|
|
||||||
|
get_header();
|
||||||
|
|
||||||
|
|
||||||
|
$box_empty = get_field('empty');
|
||||||
|
|
||||||
|
$paged = 1;
|
||||||
|
$args = array(
|
||||||
|
'post_type' => 'kariera',
|
||||||
|
'posts_per_page' => get_option('posts_per_page'),
|
||||||
|
'paged' => $paged,
|
||||||
|
'orderby' => 'date',
|
||||||
|
'order' => 'DESC',
|
||||||
|
);
|
||||||
|
|
||||||
|
$kariera_query = new WP_Query( $args );
|
||||||
|
?>
|
||||||
|
<?php if ( $kariera_query->found_posts > 0 ) : ?>
|
||||||
|
<main id="primary" class="site-main kariera-page">
|
||||||
|
<?php
|
||||||
|
if ($kariera_query->have_posts()) :
|
||||||
|
$kariera_query->the_post();
|
||||||
|
$banner_image = get_the_post_thumbnail_url(get_the_ID(), 'large');
|
||||||
|
$banner_title = get_the_title();
|
||||||
|
$banner_link = get_permalink();
|
||||||
|
?>
|
||||||
|
<div class="box-1 <?php if ( $kariera_query->found_posts = 1 ) : ?>single<?php endif; ?>">
|
||||||
|
<div class="container">
|
||||||
|
<div class="box--wrapper">
|
||||||
|
<div class="box-bg">
|
||||||
|
<img src="<?php echo $banner_image; ?>" alt="">
|
||||||
|
</div>
|
||||||
|
<div class="row">
|
||||||
|
<div class="col col-1">
|
||||||
|
<?php get_template_part('inc/breadcrumb');?>
|
||||||
|
</div>
|
||||||
|
<div class="col col-2">
|
||||||
|
<div class="box-head">
|
||||||
|
<h2><?php echo $banner_title; ?></h2>
|
||||||
|
</div>
|
||||||
|
<a class="btn_4" href="<?php echo $banner_link; ?>">Czytaj więcej</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<?php endif; ?>
|
||||||
|
|
||||||
|
<?php if ( $kariera_query->found_posts >= 2 ) : ?>
|
||||||
|
<div class="box-2">
|
||||||
|
<div class="container">
|
||||||
|
<div id="box-posts-list" class="posts-list">
|
||||||
|
<?php
|
||||||
|
if ($kariera_query->have_posts()) :
|
||||||
|
while ($kariera_query->have_posts()) : $kariera_query->the_post();
|
||||||
|
$image = get_the_post_thumbnail_url(get_the_ID(), 'medium');
|
||||||
|
$title = get_the_title();
|
||||||
|
$link = get_permalink();
|
||||||
|
|
||||||
|
get_template_part(
|
||||||
|
'inc/template-article-card', null, [
|
||||||
|
'image' => $image,
|
||||||
|
'title' => $title,
|
||||||
|
'link' => $link
|
||||||
|
]
|
||||||
|
);
|
||||||
|
endwhile;
|
||||||
|
wp_reset_postdata();
|
||||||
|
endif;
|
||||||
|
?>
|
||||||
|
</div>
|
||||||
|
<?php
|
||||||
|
if ($kariera_query->found_posts > get_option('posts_per_page')) : ?>
|
||||||
|
<div class="posts-more">
|
||||||
|
<a class="btn_3" href="#" id="load-more-posts" data-page="1">
|
||||||
|
Więcej artykułów
|
||||||
|
<span class="loader"></span>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<?php endif; ?>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<?php endif; ?>
|
||||||
|
</main>
|
||||||
|
<?php else : ?>
|
||||||
|
<main id="primary" class="site-main kariera-page">
|
||||||
|
<div class="box-empty">
|
||||||
|
<div class="container">
|
||||||
|
<div class="box--wrapper">
|
||||||
|
<h2><?php echo $box_empty['title'];?></h2>
|
||||||
|
<p><?php echo $box_empty['text'];?></p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</main>
|
||||||
|
<?php endif; ?>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
jQuery(function ($) {
|
||||||
|
$('#load-more-posts').on('click', function (e) {
|
||||||
|
e.preventDefault()
|
||||||
|
var button = $(this)
|
||||||
|
var page = button.data('page')
|
||||||
|
|
||||||
|
$.ajax({
|
||||||
|
url: '<?php echo admin_url("admin-ajax.php"); ?>',
|
||||||
|
type: 'POST',
|
||||||
|
data: {
|
||||||
|
action: 'load_more_kariera',
|
||||||
|
page: page,
|
||||||
|
},
|
||||||
|
beforeSend: function () {
|
||||||
|
button.prop('disabled', true)
|
||||||
|
button.find('.loader').show()
|
||||||
|
},
|
||||||
|
complete: function () {
|
||||||
|
button.prop('disabled', false)
|
||||||
|
button.find('.loader').hide()
|
||||||
|
},
|
||||||
|
success: function (response) {
|
||||||
|
if (response) {
|
||||||
|
$('#box-posts-list').append(response)
|
||||||
|
button.data('page', page + 1)
|
||||||
|
} else {
|
||||||
|
button.text('Brak więcej artykułów').prop('disabled', true)
|
||||||
|
}
|
||||||
|
},
|
||||||
|
})
|
||||||
|
})
|
||||||
|
})
|
||||||
|
</script>
|
||||||
|
<?php get_footer();
|
||||||
65
wp-content/themes/brpp-prawo-podatki/single-kariera.php
Normal file
65
wp-content/themes/brpp-prawo-podatki/single-kariera.php
Normal file
@@ -0,0 +1,65 @@
|
|||||||
|
<?php
|
||||||
|
get_header();
|
||||||
|
?>
|
||||||
|
|
||||||
|
<main id="primary" class="site-main page-single-kariera">
|
||||||
|
<div class="box-1">
|
||||||
|
<div class="container">
|
||||||
|
<?php
|
||||||
|
while ( have_posts() ) :
|
||||||
|
the_post();
|
||||||
|
|
||||||
|
get_template_part( 'template-parts/content', 'kariera' );
|
||||||
|
|
||||||
|
endwhile;
|
||||||
|
?>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<?php
|
||||||
|
$args = array(
|
||||||
|
'post_type' => 'kariera',
|
||||||
|
'posts_per_page' => 3,
|
||||||
|
'orderby' => 'date',
|
||||||
|
'order' => 'DESC',
|
||||||
|
'post__not_in' => array(get_the_ID()),
|
||||||
|
);
|
||||||
|
$other_posts = new WP_Query($args);
|
||||||
|
|
||||||
|
if ($other_posts->have_posts()) :
|
||||||
|
?>
|
||||||
|
|
||||||
|
<div class="box-2">
|
||||||
|
<div class="container">
|
||||||
|
<div class="row" box-title="Blog">
|
||||||
|
<div class="box-head">
|
||||||
|
<h2>Zobacz też inne oferty</h2>
|
||||||
|
|
||||||
|
<div class="other-posts">
|
||||||
|
<?php
|
||||||
|
while ($other_posts->have_posts()) : $other_posts->the_post();
|
||||||
|
$image = get_the_post_thumbnail_url(get_the_ID(), 'medium');
|
||||||
|
$title = get_the_title();
|
||||||
|
$link = get_permalink();
|
||||||
|
|
||||||
|
get_template_part(
|
||||||
|
'inc/template-article-card', null, [
|
||||||
|
'image' => $image,
|
||||||
|
'title' => $title,
|
||||||
|
'link' => $link
|
||||||
|
]
|
||||||
|
);
|
||||||
|
endwhile;
|
||||||
|
wp_reset_postdata();
|
||||||
|
?>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<?php endif; ?>
|
||||||
|
</main><!-- #main -->
|
||||||
|
|
||||||
|
<?php
|
||||||
|
get_sidebar();
|
||||||
|
get_footer();
|
||||||
@@ -7,12 +7,22 @@
|
|||||||
* @package BRPP_prawo_podatki
|
* @package BRPP_prawo_podatki
|
||||||
*/
|
*/
|
||||||
|
|
||||||
|
$post_type = get_post_type();
|
||||||
|
|
||||||
|
$blog_page_id = 27;
|
||||||
|
$kariera_page_id = 473;
|
||||||
|
|
||||||
|
if ( $post_type === 'kariera' ) {
|
||||||
|
$back_url = get_permalink( $kariera_page_id );
|
||||||
|
} else {
|
||||||
|
$back_url = get_permalink( $blog_page_id );
|
||||||
|
}
|
||||||
?>
|
?>
|
||||||
|
|
||||||
<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
|
<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col col-1">
|
<div class="col col-1">
|
||||||
<a class="btn_1 btn-back-page" href="/blog-brpp">
|
<a class="btn_1 btn-back-page" href="<?php echo esc_url( $back_url ); ?>">
|
||||||
<svg width="46" height="14" viewBox="0 0 46 14" fill="none" xmlns="http://www.w3.org/2000/svg">
|
<svg width="46" height="14" viewBox="0 0 46 14" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
<path d="M46 7L1 7" stroke="#9E9E9E"/>
|
<path d="M46 7L1 7" stroke="#9E9E9E"/>
|
||||||
<path d="M7 1L1 7L7 13" stroke="#9E9E9E"/>
|
<path d="M7 1L1 7L7 13" stroke="#9E9E9E"/>
|
||||||
|
|||||||
Reference in New Issue
Block a user