/*
Theme Name: Color Magazine Child
Author: VS
Description: Color Magazine Child
Version: 1.0
Template: color-magazine

This is the child theme for Color Magazine theme, generated with Generate Child Theme plugin by catchthemes.

(optional values you can add: Theme URI, Author URI, License, License URI, Tags, Text Domain)
*/

.mt-custom-page-header{
	margin-bottom: 20px;
}

.job-details-box {
  font-size: 15px;
  line-height: 1.6;
}
.job-details-box h3 {
  font-size: 18px;
  margin-bottom: 10px;
  color: #007cba;
}
.job-details-box p {
  margin: 5px 0;
}
.category-banking a,
.tax-job_sector-banking a {
  background-color: #007cba;
  color: white;
}

.category-defence a,
.tax-job_sector-defence a {
  background-color: #e63946;
  color: white;
}

.category-up a,
.tax-job_state-up a {
  background-color: #28a745;
  color: white;
}

/* Contact Form */
.pg-contact-form .form-row {
  margin-bottom: 15px;
}

.pg-contact-form label {
  display: block;
  margin-bottom: 6px;
  font-weight: 500;
}

.pg-contact-form input,
.pg-contact-form textarea {
  border-radius: 4px;
  border: 1px solid #ddd;
}
.pg-contact-form input {
  -webkit-appearance: none;
  appearance: none;
}
/* Fix Contact Form 7 input width issue */
.pg-contact-form input[type="text"],
.pg-contact-form input[type="email"],
.pg-contact-form input[type="tel"],
.pg-contact-form textarea {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box;
}
.pg-contact-form input[type="text"],
.pg-contact-form input[type="email"],
.pg-contact-form input[type="tel"] {
  height: 46px !important;
  padding: 10px 12px !important;
  line-height: 24px !important;
  box-sizing: border-box;
}
.pg-contact-form textarea {
  padding: 12px;
  line-height: 24px;
}

.pg-contact-form .two-col {
  display: flex;
  gap: 20px;
}

.pg-contact-form .two-col .col {
  width: 50%;
}

.pg-contact-form input[type="submit"] {
  background: #0073aa;
  color: #fff;
  border: none;
  padding: 12px 30px;
  cursor: pointer;
  border-radius: 4px;
}

.pg-contact-form input[type="submit"]:hover {
  background: #005c8a;
}

.job-table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 30px;
  font-size: 15px;
}

.job-table th {
  background: #1e73be;
  color: #fff;
  padding: 10px;
  text-align: left;
}

.job-table td {
  border: 1px solid #ddd;
  padding: 8px;
}

.job-table tr:nth-child(even) {
  background: #f9f9f9;
}

.apply-btn {
  background: #28a745;
  color: #fff;
  padding: 6px 12px;
  text-decoration: none;
  border-radius: 3px;
  font-size: 14px;
}

.apply-btn:hover {
  background: #218838;
}

.expired td {
  color: #888;
}

/* Archive Page Job Table Style */
.archive .content-area {
    width: 100%;
}

.archive article {
    display: table;
    width: 100%;
    border-bottom: 1px solid #ddd;
    padding: 10px 0;
}

.archive article header,
.archive article .entry-summary {
    display: table-cell;
    vertical-align: middle;
}

.archive article header {
    width: 50%;
    font-weight: 600;
}

.archive article .entry-summary {
    width: 50%;
    font-size: 14px;
    color: #333;
}

/* Remove images */
.archive .post-thumbnail {
    display: none;
}

/* Table Header */
.archive .page-header {
    margin-bottom: 20px;
}
/* Mobile responsive */
@media (max-width: 600px) {
  .pg-contact-form .two-col {
    flex-direction: column;
  }
}