.wp-block-jobs {
margin-top: 4em;
margin-bottom: 4em;
}
.wp-block-jobs h2 {
margin: 0;
text-align: center;
}
.wp-block-jobs .tax-description {
text-align: center;
} .wp-block-jobs .toolbar {
display: flex;
flex-wrap: wrap;
gap: 1.5em;
margin-top: 1.5em;
margin-bottom: 1.5em;
}
.wp-block-jobs .toolbar .search,
.wp-block-jobs .toolbar select {
background-color: #FFFFFF;
border: 1px solid #BCB4A9;
border-radius: 4px;
color: #BCB4A9;
flex: 1;
font-family: 'Calibri';
font-size: 0.875em;
padding: 0.5em 0.75em;
}
.wp-block-jobs .toolbar select {
max-width: 200px;
}
.wp-block-jobs .select2-container--default .select2-search--inline::after {
content: '\e902'; font-family: 'kuchenmeister' !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #BCB4A9;
font-size: 0.75em;
position: absolute;
right: 0.5em;
top: 50%;
transform: translateY(-50%);
}
.wp-block-jobs .select2-container--default .select2-search--inline .select2-search__field {
font-family: 'Calibri';
}
.wp-block-jobs .select2-container--default .select2-search--inline .select2-search__field::placeholder,
.wp-block-jobs .toolbar .search::placeholder {
color: #BCB4A9;
} .wp-block-jobs .list {
display: block;
padding: 0;
}
.wp-block-jobs .list li {
display: block;
margin-bottom: 1em;
}
.wp-block-jobs .list a {
background-color: #001F59;
border-radius: 4px;
color: #FAF7F2;
display: flex;
justify-content: space-between;
align-items: center;
padding: 1em 1.25em;
text-decoration: none;
}
.wp-block-jobs .list a:hover {
background-color: #FFD100;
}
.wp-block-jobs .list a:hover,
.wp-block-jobs .list a:hover h3 {
color: #001F59;
}
.wp-block-jobs .list a > i {
font-size: 1.125em;
}
.wp-block-jobs .list h3 {
color: #FAF7F2;
font-family: 'Calibri';
font-size: 1.5em;
margin: 0;
}
.wp-block-jobs .list p {
margin-top: 0.5em;
margin-bottom: 0;
}
.wp-block-jobs .list p span {
margin-right: 1em;
}
.wp-block-jobs .list p i {
margin-right: 0.3em;
} .wp-block-jobs .pagination {
display: flex;
justify-content: center;
gap: 0.5em;
margin-top: 1.5em;
padding: 0;
}
.wp-block-jobs .pagination li {
display: block;
}
.wp-block-jobs .pagination li:not(.disabled) a {
background-color: #FFFFFF;
border: 1px solid #BCB4A9;
border-radius: 4px;
color: #BCB4A9;
font-family: 'Calibri';
padding: 0.5em 0.75em;
text-decoration: none;
}
.wp-block-jobs .pagination a:hover {
background-color: #FAF7F2;
}
.wp-block-jobs .pagination li.active a {
background-color: #FFD100;
border-color: transparent;
color: #001F59;
}
.wp-block-jobs .pagination li.disabled a {
color: #BCB4A9;
pointer-events: none;
text-decoration: none;
}
@media (max-width: 576px) {
.wp-block-jobs .toolbar .search {
flex: initial;
width: 100%;
}
.wp-block-jobs .toolbar select {
max-width: 100%;
}
} .wp-block-jobs .select2-container {
max-width: 200px;
width: 100% !important;
}
.wp-block-jobs .select2-container .select2-selection--multiple {
background-color: #FFFFFF;
border: 1px solid #BCB4A9;
border-radius: 4px;
color: #BCB4A9;
display: flex;
align-items: center;
font-family: 'Calibri';
font-size: 0.875em;
height: 100%;
min-height: initial;
padding: 0.5em 0.75em;
}
.wp-block-jobs .select2-container--default .select2-selection--multiple .select2-selection__rendered {
padding: 0;
}
.wp-block-jobs .select2-container .select2-search--inline { line-height: 1;
}
.wp-block-jobs .select2-container--default .select2-search--inline .select2-search__field {
margin: 0;
}
.wp-block-jobs .select2-container--default .select2-selection--multiple .select2-selection__choice {
background-color: transparent;
border: none;
display: inline-block; line-height: 1;
margin: 0;
padding: 0;
}
.wp-block-jobs .select2-container--default .select2-selection--multiple .select2-selection__choice::after {
content: ',';
margin-right: 4px;
}
.wp-block-jobs .select2-container--default .select2-selection--multiple .select2-selection__choice:nth-last-child(2)::after {
display: none;
}
.wp-block-jobs .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
display: none;
}
.admin-bar .select2-dropdown.select2-dropdown--below {
margin-top: 32px;
}
@media (max-width: 576px) {
.wp-block-jobs .select2-container {
max-width: 100%;
}
} .wp-site-blocks:not(.block-editor-block-list__layout) .wp-block-jobs h2,
.wp-site-blocks:not(.block-editor-block-list__layout) .wp-block-jobs .tax-description,
.wp-site-blocks:not(.block-editor-block-list__layout) .wp-block-jobs .list li,
.wp-site-blocks:not(.block-editor-block-list__layout) .wp-block-jobs .toolbar {
opacity: 0;
}