.widget-title {
font-weight: bold;
line-height: 1.3;
} .page-header {
position: relative;
background-size: cover !important;
background-position: center center !important;
background-repeat: no-repeat;
height: 300px; margin-bottom: -50 !important; z-index: 1;
}
.page-header::before {
content: "";
position: absolute;
top: 0;
left: 100;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.1); z-index: 1;
}
.page-header .page-title {
position: relative;
z-index: 2;
color: white !important;
font-weight: bold;
padding: 10px 20px; background-color: #000; display: inline-block; border-radius: 0; margin: 0; } .page-content {
position: relative;
top: -50px !important; padding-top: 70px; background-color: white; z-index: 2;
} .entry-content {
position: relative;
top: -150px !important; z-index: 2; padding: 20px; background-color: white; margin-top: 5px
} body:not(.single-post) .widget-area--sidebar.col-md-3.col-xs-12 {
position: relative;
top: -145px !important;
z-index: 2;
padding: 20px;
background-color: white;
} body.single-post .widget-area--sidebar.col-md-3.col-xs-12 {
position: static !important; top: auto !important; z-index: auto; padding: 0; background-color: transparent; } ul.job-listing-meta.meta {
margin-top: 30px;
} .searchform input[type="text"] {
padding: 8px;
width: 100%;
max-width: 300px;
border: 1px solid #ddd;
border-radius: 4px;
font-size: 16px;
} .searchform input[type="text"]::placeholder {
color: #666;
} .searchform input[type="submit"] {
display: none;
}
.single-job_listing .page-header {
background-image: url(https://markooijtest.nl/wp-content/uploads/2023/05/widget-home-feature-callout-1-2-scaled.jpg);
background-size: cover;
background-position: center;
padding: 50px 0; color: #ffffff; text-align: center; }
.search .page-header {
background-image: url(https://markooijtest.nl/wp-content/uploads/2023/05/widget-home-feature-callout-1-2-scaled.jpg);
background-size: cover;
background-position: center;
padding: 50px 0; color: #ffffff; text-align: center; } h1.page-title, h2.page-title {
font-weight: 900 !important;
margin: 0;
padding-left: 20px; text-align: left !important; display: block; } @media (min-width: 1200px) {
h1.page-title, h2.page-title {
padding-left: 40px; }
} @media (max-width: 1199px) {
h1.page-title, h2.page-title {
padding-left: 10px;
}
}
  .searchform input[type="submit"] {
display: none;
} h2 {margin-top: 0 !important;
padding-top: 0 !important;
} .talent-finding-block h2 {
margin-top: 0 !important; padding-top: 0 !important; } .sidebar .talent-finding-block h2 {
margin-top: 0 !important; }
@media (min-width: 768px) {
.talent-finding-block h2 {
margin-top: 0 !important;
padding-top: 0 !important;
}
} .breadcrumbs {
margin: 1px 0; padding: 1px 0; border-bottom: 1px solid #e0e0e0; color: #333; } .breadcrumbs a {
color: #000000; text-decoration: none; } .breadcrumbs a:hover {
text-decoration: underline; } .breadcrumbs span {
margin: 0 5px; color: #999; } .talent-finding-block {
margin-bottom: 5px; } .breadcrumbs {
margin-bottom: 5px; } .talent-finding-block h2 {
margin-bottom: 10px; }
.talent-finding-block p {
margin-top: 0; }
.talent-finding-block section {
display: flex;
flex-wrap: wrap;
}
.talent-finding-block img {
width: 100%; height: auto; object-fit: cover; }
@media (max-width: 768px) {
.talent-finding-block section {
flex-direction: column; }
.talent-finding-block div {
flex: 0 0 100%; max-width: 100%; padding: 0; }
.talent-finding-block div img {
width: 100%; height: auto; }
.talent-finding-block h2, .talent-finding-block p {
width: 100%; margin: 0; padding: 10px; } .contact-link {
color: black !important; text-decoration: none; transition: color 0.3s ease, text-decoration 0.3s ease; }
.contact-link:hover {
color: #f46f2a !important; text-decoration: underline; }
.wp-block-heading.has-text-align-center {
font-weight: bold !important;
font-size: 24px !important;
}
body .wp-block-heading.has-text-align-center {
font-weight: bold !important;
font-size: 24px !important;
}
body.single-post .widget-area--sidebar {
all: unset !important; position: relative;
margin-top: 20px;
} body.single-post .page-header {
height: 300px; background-color: #f0f0f0; margin-bottom: 20px; }