/*
 * CareerONE styles carried over from the WordPress site, loaded after the Bam theme CSS:
 *  1. "Additional CSS" from the Customizer (wp-custom-css)
 *  2. Bam theme-mod colours (theme-custom-css)
 *  3. Styles that were inline in the bam-vx templates (job tables, pagination)
 */

/* 1. wp-custom-css ------------------------------------------------------- */
ol { padding-left: 0; }
ol ol { margin-left: 16px; }
ol ol ol { margin-left: 12px; }

.entry-header { margin-bottom: 0 !important; }
header.entry-header h1.page-entry-title { margin-bottom: 3pt !important; }
.entry-content { margin-top: 0; }
div.entry-content td { border: 1px solid black; }

div.nav-links span.page-numbers.current { background-color: #107623; border: 1px solid #7B3F00; }
div.nav-links a.page-numbers:hover { background-color: #50C878; border: 1px solid #50C878; }

div.content-area p { margin-bottom: 6pt; }

ul.page-numbers li span.page-numbers.current { background-color: #107623; border: 1px solid #7B3F00; }
ul.page-numbers li a.page-numbers:hover { background-color: #50C878; border: 1px solid #50C878; }

nav.main-navigation { background-color: #107623 !important; }
p.site-title a { color: #107623 !important; font-size: 36pt !important; }
div.site-branding-text { margin: 0 !important; }

button.wp-block-search__button { background-color: #107623 !important; }
input.search-submit { background-color: #107623 !important; }

/* 2. theme-custom-css ---------------------------------------------------- */
.page-content a:hover,
.entry-content a:hover { color: #00aeef; }

button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.wp-block-search .wp-block-search__button,
.bam-readmore { background: #1e73be; }

body.boxed-layout { background-color: #dddddd; }

.site-header.default-style .main-navigation ul li a:hover { color: #eded00; }
.site-header.default-style .main-navigation .current-menu-item > a { color: #eded00; }

/* 3. inline styles of archive-job.php / taxonomy-job_category.php -------- */
.job-table { width: 100%; border-collapse: collapse; margin-bottom: 20px; }
.job-table th, .job-table td { padding: 8px; text-align: left; border: 1px solid #ddd; }
.job-table th { background-color: #f2f2f2; }
.job-table td { vertical-align: top; background-color: white; }

.custom-pagination ul { display: flex; justify-content: left; list-style: none; padding: 0; margin: 20px 0; }
.custom-pagination ul li { margin: 0 5px; }
.custom-pagination ul li a {
    display: inline-block; padding: 10px 15px; border: 1px solid #ddd; background-color: #f9f9f9;
    color: #333; text-decoration: none; border-radius: 4px; transition: background-color 0.3s, color 0.3s;
}
.custom-pagination ul li a:hover { background-color: blue; color: #fff; border-color: blue; }
.custom-pagination ul li span.current {
    display: inline-block; padding: 10px 15px; background-color: darkblue; color: #fff;
    border-radius: 4px; border: 1px solid darkblue;
}

@media (max-width: 768px) {
    .table-container { overflow-x: auto; -webkit-overflow-scrolling: touch; position: relative; }
}

/* 4. Block library styles used by the sidebar search widget -------------- */
.wp-block-search__label { font-weight: bold; }