form.job_filters {
font-family: var(--foundersUncondensed);
}
form.job_filters .job_types li label {
color: black;
}
ul.job_listings {
display: grid;
grid-template-columns: 1fr; line-height: 1.2em;
} ul.job_listings li a {
padding: 0;
position: static;
color: black;
display: inline;
}
ul.job_listings li a .image {
position: static;
}
ul.job_listings li a .image img {
max-width: 100%;
max-height: 70px;
}
ul.job_listings li.type-job_listing {
color: black;
border-bottom: solid 1px #d3d3d3 !important;
display: flex;
justify-content: space-between;
flex-direction: row;
gap: 2rem; border-bottom: 0;
margin: 5px 0;
}
ul.job_listings li .description {
height: auto;
display: flex;
font-family: var(--articleHeadingFont);
line-height: 1;
justify-content: space-between;
align-items: center;
width: 100%;
}
@media (max-width: 600px) {
ul.job_listings li.type-job_listing {
flex-direction: column;
justify-content: flex-start;
gap: 0.5rem;
padding: 4px;
}
ul.job_listings li a .image {
float: none;
display: flex;
padding: 0;
margin: 0;
width: 75px;
height: 75px;
max-width: none;
align-items: center;
justify-content: left;
}
ul li.location {
margin-top: 10px;
}
ul.job_listings li a .image img {
max-width: 150px;
}
ul.job_listings li .description {
flex-direction: column;
align-items: start;
}
ul.job_listings li .description .left-text {
width: 200px;
}
ul.job_listings li .right-align a.button {
display: none;
}
ul.job_listings li .description ul {
width: 360px;
}
}
ul.job_listings li .description .left-text {
width: 100%;
}
ul.job_listings li .description ul {
justify-content: flex-start;
margin: 0;
font-family: var(--foundersUncondensed);
font-weight: 300;
font-size: 10pt;
display: flex;
flex-direction: column;
justify-items: center;
}
@media (min-width: 600px) {
ul.job_listings li .description ul {
font-size: 12pt;
}
}
.job_application.application {
margin-bottom: 30px;
margin-top: 30px;
}
ul.job_listings li .description ul li {
line-height: 30px;
border-bottom: 0 !important;
width: auto;
text-transform: uppercase;
margin-right: 1rem;
font-size: 0.8rem;
line-height: 1.2rem;
font-weight: 400;
font-family: "Breve Sans Text, Medium", sans-serif !important;
}
ul.job_listings li .description h3 {
font-family: "Breve Title Semibold", serif !important;
font-size: 1.2rem;
line-height: 1.5rem;
font-weight: 600;
padding-right: 30px;
padding-top: 5px;
height: auto !important;
}
ul.job_listings li .description h3:hover {
color: var(--hovergray);
}
ul.job_listings li .image {
position: static;
display: flex;
align-items: center;
justify-content: center; aspect-ratio: 16 / 9;
padding: 0.75rem;
margin: 0;
width: 100px;
}
@media (min-width: 600px) {
ul.job_listings li .image,
.firmalogo {
width: 150px;
}
}
ul.job_listings li .image img,
.firmalogo img {
object-fit: contain;
max-width: 90%;
}
ul.job_listings li:after,
ul.job_listings li.job_position_featured:after {
display: none;
}
ul.job_listings li .description h3 {
margin-bottom: 1px;
}
@media (max-width: 600px) {
ul.job_listings li .description h3 {
line-height: 32px;
hyphens: auto;
}
ul.job_listings .right-text {
}
}
ul.job_listings li.job_position_filled .description h3,
ul.job_listings li.job_position_filled .description ul li {
color: var(--hovergray);
}
ul.job_listings li.job_position_filled a .description h3::before {
content: "Besatt ";
color: black;
text-transform: uppercase;
font-weight: bold;
font-size: 0.8rem;
margin-right: 0.5rem;
}
ul.job_listings li .description ul li:not(.location):not(.date):not(.company),
ul.job_listings li .description ul li::before {
display: none;
}
ul.job_listings li .right-align { display: none;
align-items: center;
}
@media (min-width: 600px) {
ul.job_listings li .right-align {
display: flex;
}
}
ul.job_listings li .right-align a.button {
padding: 0.5rem 2rem;
border: solid black 2px !important;
border-radius: 0;
white-space: nowrap;
display: inline-block;
background-color: #ffffff !important;
color: black !important;
font-family: var(--foundersUncondensed);
align-self: center;
font-size: 14px;
margin-left: 1rem;
}
ul.job_listings li .right-align a.button:hover {
background-color: #6ea6da !important;
}
div.related-header {
margin-top: 2rem;
}
h1 {
font-family: "Breve Title Semibold", serif !important;
font-size: 2.5rem !important;
line-height: 3.5rem !important;
font-weight: 600 !important;
}
body.home h2 {
font-size: 1rem;
line-height: 1.2rem;
font-weight: 600;
font-family: "Breve Sans Text, Medium", sans-serif !important;
padding-top: 10px;
}
p {
font-family: "BreveTitle-Book", serif !important;
line-height: 1.5rem;
}
body.job_listing-template-default ul {
line-height: 1.5rem;
}
.postscript strong {
font-size: 0.8rem;
line-height: 1.2rem;
font-weight: 600;
font-family: "Breve Sans Text, Medium", sans-serif !important;
}
body.job_listing-template-default a {
font-size: 0.8rem;
line-height: 1.2rem;
font-weight: 600;
font-family: "Breve Sans Text, Medium", sans-serif !important;
} .widget.job-overview input.button,
.widget.job-overview a.button {
background-color: #da393b !important;
color: white !important;
font-family: "BreveSansText-Book", sans-serif;
font-size: 0.85rem;
font-weight: 400;
line-height: 100%;
text-transform: uppercase;
text-decoration: none;
padding: 0.5rem 1rem 0.5rem 1rem;
border-radius: 3px !important;
border: solid #da393b 2px !important;
}
ul.job_listings li .right-align a.button {
background-color: #C11520 !important;
color: white !important;
font-family: "BreveSansText-Book", sans-serif;
font-size: 0.85rem;
line-height: 100%;
text-transform: uppercase;
text-decoration: none;
padding: 0.5rem 1rem 0.5rem 1rem;
border-radius: 3px;
border: solid #C11520 2px !important;
} .widget.job-overview input.button,
.widget.job-overview a.button:hover {
color: white !important;
background-color: #8a1315 !important;
} ul.job_listings li .right-align a.button:hover {
color: white !important;
background-color: #8a1315 !important;
}
.post-details {
font-size: 0.8rem;
line-height: 1.2rem;
font-family: "Breve Sans Text, Medium", sans-serif !important;
}
ul li.location {
font-weight: bold !important;
}
li.single-company-name {
font-size: 0.8rem;
line-height: 1.2rem;
font-weight: 600;
font-family: "Breve Sans Text, Medium", sans-serif !important;
}
#footer {
font-size: 0.8rem;
line-height: 1.2rem;
font-weight: 400;
font-family: "Breve Sans Text, Medium", sans-serif !important;
}