/*
Theme Name:     Industro Child
Theme URI:      http://wpdemo2.oceanthemes.net/industro/
Description:    Make your modifications to Industro in this child theme.
Author:         Oceanthemes
Author URI:     http://oceanthemes.net/
Version:        1.0
Template:       industro
*/

/* =Theme customization starts here
------------------------------------------------------- */


/* ==============================
   Contact Form 7 Base
================================= */

.geb-bs-contact-form {
  width: 100%;
}

.geb-bs-contact-form .form-control {
  width: 100%;
  min-height: 58px;
  padding: 15px 18px;
  border: 1px solid #d6dce5;
  border-radius: 7px;
  background-color: #ffffff;
  color: #00113d;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.5;
  box-shadow: none;
  outline: none;
}

.geb-bs-contact-form textarea.form-control {
  min-height: 220px;
  resize: vertical;
}

.geb-bs-contact-form .form-control::placeholder {
  color: #7c8797;
  font-size: 17px;
  opacity: 1;
}

.geb-bs-contact-form .form-control:focus {
  border-color: #D3161F;
  box-shadow: none;
  outline: none;
}

.geb-bs-contact-form input[type="submit"],
.geb-bs-contact-form .btn {
  width: 100%;
  min-height: 60px;
  border: none;
  border-radius: 7px;
  background-color: #D3161F;
  color: #ffffff;
  font-size: 18px;
  font-weight: 700;
  text-align: center;
  box-shadow: none;
  outline: none;
  cursor: pointer;
}

.geb-bs-contact-form input[type="submit"]:hover,
.geb-bs-contact-form .btn:hover {
  background-color: #b8121a;
  color: #ffffff;
}

.geb-bs-contact-form .wpcf7-not-valid-tip {
  margin-top: 8px;
  font-size: 14px;
  color: #D3161F;
}

.geb-bs-contact-form .wpcf7-response-output {
  margin: 20px 0 0;
  padding: 12px 16px;
  border-radius: 6px;
  font-size: 15px;
}


/* ==============================
   Procurement Archive
================================= */

.geb-procurement-section {
  padding: 70px 0;
}

.geb-procurement-heading {
  margin-bottom: 34px;
}

.geb-procurement-heading h1 {
  margin: 0 0 20px;
  font-size: 42px;
  line-height: 1.2;
  font-weight: 700;
  color: #00113d;
}

.geb-procurement-heading p {
  max-width: 1080px;
  margin: 0;
  font-size: 15px;
  line-height: 1.8;
  color: #3f4a5a;
}

.geb-procurement-divider {
  width: 100%;
  height: 1px;
  background: #e5e7eb;
  margin-bottom: 34px;
}

.geb-procurement-table-wrapper {
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  overflow-x: auto;
  background: #ffffff;
}

.geb-procurement-table {
  width: 100%;
  margin-bottom: 0;
  min-width: 1150px;
  border-collapse: collapse;
}

.geb-procurement-table th {
  padding: 18px 16px;
  background: #f8f8f8;
  color: #00113d;
  font-size: 14px;
  font-weight: 700;
  vertical-align: middle;
  border: 1px solid #e5e7eb;
}

.geb-procurement-table td {
  padding: 18px 16px;
  color: #2f3a4a;
  font-size: 14px;
  vertical-align: middle;
  border: 1px solid #e5e7eb;
}

.geb-mobile-value {
  display: inline;
}

.geb-tender-name a {
  color: #1f2d3d;
  text-decoration: none;
}

.geb-tender-name a:hover {
  color: #D3161F;
}

.geb-status,
.geb-result {
  display: inline-block;
  font-weight: 600;
  white-space: nowrap;
}

.geb-status-open {
  color: #0d6efd;
}

.geb-status-closed {
  color: #6c757d;
}

.geb-status-awarded {
  color: #198754;
}

.geb-status-cancelled {
  color: #D3161F;
}

.geb-result-not-yet-available {
  color: #6c757d;
}

.geb-result-under-review {
  color: #f59f00;
}

.geb-result-result-published {
  color: #198754;
}

.geb-detail-button {
  display: inline-block;
  padding: 9px 18px;
  border-radius: 50px;
  background: #D3161F;
  color: #ffffff !important;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
}

.geb-detail-button:hover {
  background: #b8121a;
  color: #ffffff !important;
}

.geb-procurement-pagination {
  margin-top: 32px;
}

.geb-procurement-empty {
  padding: 28px;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  background: #f8f8f8;
}

.geb-procurement-empty p {
  margin: 0;
  color: #3f4a5a;
}


/* ==============================
   Single Procurement
================================= */

.geb-single-procurement-section {
  padding: 70px 0;
}

.single-procurement-page .container {
  width: 100%;
  max-width: 1170px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 24px;
  padding-right: 24px;
  box-sizing: border-box;
}

.single-procurement-page .geb-single-procurement,
.single-procurement .geb-single-procurement {
  max-width: none;
  margin: 0;
  padding: 0;
  background: transparent;
  border: none;
}

.single-procurement-page .geb-single-procurement-inner,
.single-procurement .geb-single-procurement-inner,
.single-procurement-page .geb-single-procurement-frame,
.single-procurement .geb-single-procurement-frame {
  max-width: 1120px;
  margin: 0 auto;
  padding: 55px 70px;
  background: #ffffff;
  border-left: 1px solid #e5e7eb;
  border-right: 1px solid #e5e7eb;
  box-sizing: border-box;
}

.single-procurement-page .geb-single-procurement-header,
.single-procurement .geb-single-procurement-header {
  width: 100%;
  margin-bottom: 34px;
}

.single-procurement-page .geb-back-link,
.single-procurement .geb-back-link {
  display: inline-block;
  margin-bottom: 28px;
  color: #00113d;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
}

.single-procurement-page .geb-back-link:hover,
.single-procurement .geb-back-link:hover {
  color: #D3161F;
  text-decoration: none;
}

.single-procurement-page .geb-single-procurement-title,
.single-procurement-page .geb-single-procurement-header h1,
.single-procurement .geb-single-procurement-title,
.single-procurement .geb-single-procurement-header h1,
.single-procurement .entry-title,
.single-procurement h1.entry-title {
  display: block;
  max-width: 920px;
  margin: 0 auto !important;
  padding: 0;
  color: #00113d;
  font-size: 42px;
  line-height: 1.35;
  font-weight: 700;
  text-align: center !important;
}

.single-procurement-page .geb-procurement-info-box,
.single-procurement .geb-procurement-info-box {
  position: relative;
  margin: 0 0 70px;
  padding: 28px 30px 8px;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  background: #f8f8f8;
  box-sizing: border-box;
}

.single-procurement-page .geb-procurement-info-box::after,
.single-procurement .geb-procurement-info-box::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -36px;
  width: 100%;
  height: 1px;
  background: #e5e7eb;
}

.single-procurement-page .geb-procurement-info-box-download-fix::after,
.single-procurement .geb-procurement-info-box-download-fix::after {
  display: none !important;
  content: none !important;
}

.single-procurement-page .geb-single-body-separator,
.single-procurement .geb-single-body-separator,
.single-procurement-page .geb-procurement-body-separator,
.single-procurement .geb-procurement-body-separator,
.single-procurement-page .geb-procurement-separator,
.single-procurement .geb-procurement-separator {
  display: block;
  width: 100%;
  height: 1px;
  margin: 38px 0;
  background: #e5e7eb;
  border: none;
}

.single-procurement-page .geb-info-item,
.single-procurement .geb-info-item {
  margin-bottom: 22px;
}

.single-procurement-page .geb-info-item span,
.single-procurement .geb-info-item span {
  display: block;
  margin-bottom: 6px;
  color: #6c757d;
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.3px;
}

.single-procurement-page .geb-info-item strong,
.single-procurement .geb-info-item strong {
  display: block;
  color: #00113d;
  font-size: 16px;
  font-weight: 700;
}

.single-procurement-page .geb-info-item a,
.single-procurement .geb-info-item a {
  color: #D3161F;
  text-decoration: none;
}

.single-procurement-page .geb-info-item a:hover,
.single-procurement .geb-info-item a:hover {
  color: #b8121a;
  text-decoration: none;
}

.geb-download-document-box {
  margin: 0 0 36px;
  text-align: center;
}

.geb-download-document-button {
  display: inline-block;
  padding: 14px 28px;
  border-radius: 6px;
  background: #D3161F;
  color: #ffffff !important;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
}

.geb-download-document-button:hover {
  background: #b8121a;
  color: #ffffff !important;
  text-decoration: none;
}

.single-procurement-page .geb-single-procurement-content,
.single-procurement .geb-single-procurement-content {
  padding-left: 0;
  padding-right: 0;
  color: #3f4a5a;
  font-size: 16px;
  line-height: 1.8;
}

.single-procurement-page .geb-single-procurement-content h1,
.single-procurement-page .geb-single-procurement-content h2,
.single-procurement-page .geb-single-procurement-content h3,
.single-procurement-page .geb-single-procurement-content h4,
.single-procurement .geb-single-procurement-content h1,
.single-procurement .geb-single-procurement-content h2,
.single-procurement .geb-single-procurement-content h3,
.single-procurement .geb-single-procurement-content h4 {
  color: #00113d;
  font-weight: 700;
  line-height: 1.35;
}

.single-procurement-page .geb-single-procurement-content h2,
.single-procurement .geb-single-procurement-content h2 {
  margin: 0 0 28px;
  font-size: 34px;
}

.single-procurement-page .geb-single-procurement-content h3,
.single-procurement .geb-single-procurement-content h3 {
  margin: 34px 0 14px;
  font-size: 26px;
}

.single-procurement-page .geb-single-procurement-content p,
.single-procurement .geb-single-procurement-content p {
  margin-bottom: 18px;
}

.single-procurement-page .geb-single-procurement-content ul,
.single-procurement-page .geb-single-procurement-content ol,
.single-procurement .geb-single-procurement-content ul,
.single-procurement .geb-single-procurement-content ol {
  margin-bottom: 22px;
  padding-left: 22px;
}

.single-procurement-page .geb-single-procurement-content li,
.single-procurement .geb-single-procurement-content li {
  margin-bottom: 8px;
}

.single-procurement-page .geb-single-procurement-content table,
.single-procurement .geb-single-procurement-content table {
  width: 100%;
  margin: 22px 0 28px;
  border-collapse: collapse;
  border: 1px solid #e5e7eb;
  background: #ffffff;
}

.single-procurement-page .geb-single-procurement-content table th,
.single-procurement-page .geb-single-procurement-content table td,
.single-procurement .geb-single-procurement-content table th,
.single-procurement .geb-single-procurement-content table td {
  padding: 15px 16px;
  border: 1px solid #e5e7eb;
  color: #2f3a4a;
  font-size: 14px;
  line-height: 1.6;
  text-align: left;
  vertical-align: top;
}

.single-procurement-page .geb-single-procurement-content table th,
.single-procurement .geb-single-procurement-content table th {
  background: #f8f8f8;
  color: #00113d;
  font-weight: 700;
}


/* ==============================
   Scoped Grid Replacement
================================= */

.geb-bs-contact-form .row,
.geb-procurement-info-box .row {
  display: flex;
  flex-wrap: wrap;
  margin-left: -12px;
  margin-right: -12px;
}

.geb-bs-contact-form .row > div,
.geb-procurement-info-box .row > div {
  padding-left: 12px;
  padding-right: 12px;
}

.geb-bs-contact-form .col-md-6,
.geb-procurement-info-box .col-md-6 {
  width: 50%;
}

.geb-bs-contact-form .col-12,
.geb-procurement-info-box .col-12 {
  width: 100%;
}

.geb-bs-contact-form .mb-3,
.geb-bs-contact-form .mb-4 {
  margin-bottom: 20px;
}


/* ==============================
   Procurement Submission Form
================================= */

.geb-procurement-submission-form .geb-form-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 20px 24px;
  margin-bottom: 20px;
}

.geb-procurement-submission-form .geb-form-col {
  width: calc(50% - 12px);
}

.geb-procurement-submission-form .geb-form-col-third {
  width: calc(33.333% - 16px);
}

.geb-procurement-submission-form .geb-form-col-fourth {
  width: calc(25% - 18px);
}

.geb-procurement-submission-form .form-group {
  margin-bottom: 0;
}

.geb-procurement-submission-form .geb-small-textarea {
  min-height: 130px !important;
}

.geb-upload-note {
  margin: 0 0 18px;
  color: #6c757d;
  font-size: 14px;
  line-height: 1.6;
}

.geb-procurement-submission-form .geb-file-grid {
  align-items: flex-start;
}

.geb-procurement-submission-form .geb-file-grid label {
  min-height: 46px;
  display: flex;
  align-items: center;
  margin-bottom: 12px !important;
  color: #00113d;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1.3;
}

.geb-procurement-submission-form input[type="file"] {
  width: 100%;
  min-height: 62px;
  padding: 16px 18px;
  border: 1px solid #d6dce5;
  border-radius: 7px;
  background: #ffffff;
  color: #00113d;
  font-size: 13px;
}

.geb-procurement-submission-form .geb-acceptance-grid {
  margin-top: 8px;
  margin-bottom: 26px;
}

.geb-procurement-submission-form .geb-checkbox-field {
  padding: 0 !important;
  border: none !important;
  background: transparent !important;
  border-radius: 0 !important;
  min-height: auto !important;
  color: #3f4a5a;
  font-size: 14px;
  line-height: 1.6;
}

.geb-procurement-submission-form .geb-checkbox-field .wpcf7-form-control-wrap,
.geb-procurement-submission-form .geb-checkbox-field .wpcf7-form-control,
.geb-procurement-submission-form .geb-checkbox-field .wpcf7-list-item {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
}

.geb-procurement-submission-form .geb-checkbox-field .wpcf7-list-item label {
  display: flex !important;
  align-items: flex-start !important;
  gap: 10px !important;
  margin: 0 !important;
  cursor: pointer;
}

.geb-procurement-submission-form .geb-checkbox-field input[type="checkbox"] {
  width: 16px !important;
  height: 16px !important;
  min-width: 16px !important;
  margin: 4px 0 0 !important;
  padding: 0 !important;
  accent-color: #D3161F;
  cursor: pointer;
}

.geb-procurement-submission-form .geb-checkbox-field .wpcf7-list-item-label {
  display: block !important;
  color: #2f3a4a;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1.6 !important;
}

.geb-procurement-submission-form .geb-checkbox-field .wpcf7-list-item-label strong {
  color: #00113d;
  font-weight: 700;
}

.geb-procurement-submission-form .contact-submit,
.geb-procurement-submission-form input[type="submit"] {
  margin-top: 8px;
}


/* ==============================
   Mobile
================================= */

@media (max-width: 767px) {
  .geb-bs-contact-form .form-control {
    min-height: 56px;
    font-size: 16px;
  }

  .geb-bs-contact-form textarea.form-control {
    min-height: 180px;
    font-size: 16px;
  }

  .geb-bs-contact-form input[type="submit"],
  .geb-bs-contact-form .btn {
    min-height: 58px;
    font-size: 17px;
  }

  .geb-bs-contact-form .row,
  .geb-procurement-info-box .row {
    display: block;
    margin-left: 0;
    margin-right: 0;
  }

  .geb-bs-contact-form .row > div,
  .geb-procurement-info-box .row > div {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .geb-bs-contact-form .col-md-6,
  .geb-bs-contact-form .col-12,
  .geb-procurement-info-box .col-md-6,
  .geb-procurement-info-box .col-12 {
    width: 100%;
  }

  .geb-procurement-section,
  .geb-single-procurement-section {
    padding: 50px 0;
  }

  .geb-procurement-heading h1 {
    font-size: 34px;
  }

  .geb-procurement-heading p {
    font-size: 14px;
  }

  .single-procurement-page .container {
    padding-left: 18px !important;
    padding-right: 18px !important;
  }

  .single-procurement-page .geb-single-procurement-inner,
  .single-procurement .geb-single-procurement-inner,
  .single-procurement-page .geb-single-procurement-frame,
  .single-procurement .geb-single-procurement-frame {
    padding: 36px 20px !important;
    border-left: none !important;
    border-right: none !important;
  }

  .single-procurement-page .geb-single-procurement-title,
  .single-procurement-page .geb-single-procurement-header h1,
  .single-procurement .geb-single-procurement-title,
  .single-procurement .geb-single-procurement-header h1,
  .single-procurement .entry-title,
  .single-procurement h1.entry-title {
    font-size: 30px !important;
    line-height: 1.35 !important;
  }

  .single-procurement-page .geb-procurement-info-box,
  .single-procurement .geb-procurement-info-box {
    padding: 22px 22px 4px;
    margin-bottom: 60px;
  }

  .single-procurement-page .geb-procurement-info-box::after,
  .single-procurement .geb-procurement-info-box::after {
    bottom: -30px;
  }

  .single-procurement-page .geb-single-procurement-content,
  .single-procurement .geb-single-procurement-content {
    font-size: 15px;
  }

  .geb-procurement-submission-form .geb-form-grid {
    display: block;
    margin-bottom: 0;
  }

  .geb-procurement-submission-form .geb-form-col,
  .geb-procurement-submission-form .geb-form-col-third,
  .geb-procurement-submission-form .geb-form-col-fourth {
    width: 100%;
    margin-bottom: 20px;
  }

  .geb-procurement-submission-form .geb-file-grid label {
    min-height: auto;
    font-size: 15px !important;
  }

  .geb-procurement-submission-form .geb-checkbox-field {
    margin-bottom: 18px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .geb-procurement-submission-form .geb-form-col-fourth {
    width: calc(50% - 12px);
  }
}


/* ==============================
   Procurement Archive - Mobile Card View
================================= */

@media (max-width: 767px) {
  .geb-procurement-table-wrapper {
    border: none !important;
    border-radius: 0 !important;
    overflow: visible !important;
    background: transparent !important;
  }

  .geb-procurement-table {
    width: 100% !important;
    min-width: 0 !important;
    border: none !important;
    display: block !important;
  }

  .geb-procurement-table thead {
    display: none !important;
  }

  .geb-procurement-table tbody {
    display: block !important;
    width: 100% !important;
  }

  .geb-procurement-table tr {
    display: block !important;
    width: 100% !important;
    margin-bottom: 18px !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    background: #ffffff !important;
  }

  .geb-procurement-table td {
    display: grid !important;
    grid-template-columns: 130px minmax(0, 1fr) !important;
    width: 100% !important;
    min-height: 56px !important;
    padding: 0 !important;
    border: none !important;
    border-bottom: 1px solid #eeeeee !important;
    color: #2f3a4a !important;
    font-size: 15px !important;
    line-height: 1.6 !important;
    vertical-align: top !important;
  }

  .geb-procurement-table td:last-child {
    border-bottom: none !important;
  }

  .geb-procurement-table td::before {
    content: attr(data-label);
    display: flex !important;
    align-items: center !important;
    padding: 16px 18px !important;
    background: #f8f8f8 !important;
    color: #00113d !important;
    font-weight: 700 !important;
    border-right: 1px solid #eeeeee !important;
    word-break: normal !important;
  }

  .geb-procurement-table .geb-mobile-value {
    display: flex !important;
    align-items: center !important;
    min-width: 0 !important;
    padding: 14px 16px !important;
    color: #2f3a4a !important;
    word-break: normal !important;
    overflow-wrap: anywhere !important;
  }

  .geb-procurement-table .geb-tender-name a {
    display: block !important;
    margin: 0 !important;
    color: #1f2d3d !important;
    line-height: 1.6 !important;
    text-decoration: none !important;
  }

  .geb-procurement-table .geb-tender-name a:hover {
    color: #D3161F !important;
  }

  .geb-procurement-table .geb-status,
  .geb-procurement-table .geb-result {
    margin: 0 !important;
    font-weight: 600 !important;
  }

  .geb-procurement-table .geb-detail-button {
    display: inline-block !important;
    width: fit-content !important;
    margin: 0 !important;
    padding: 9px 16px !important;
    border-radius: 50px !important;
    background: #D3161F !important;
    color: #ffffff !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    text-align: center !important;
    text-decoration: none !important;
    white-space: nowrap !important;
  }

  .geb-procurement-table .geb-detail-button:hover {
    background: #b8121a !important;
    color: #ffffff !important;
  }
}


/* ==============================
   Industro Mobile Burger + Dropdown Fix
================================= */

@media (max-width: 1024px) {
  #site-header,
  #site-header .main-header,
  #site-header .main-header .container,
  .site-header,
  .site-header .main-header,
  .site-header .main-header .container,
  .main-header,
  .main-header .container {
    position: relative !important;
    overflow: visible !important;
  }

  #site-header .main-header .container,
  .site-header .main-header .container,
  .main-header .container {
    display: block !important;
  }

  #site-header .site-logo,
  .site-header .site-logo,
  .main-header .site-logo {
    display: block !important;
    max-width: calc(100% - 60px) !important;
  }

  #site-header .site-logo img,
  .site-header .site-logo img,
  .main-header .site-logo img {
    max-width: 100% !important;
    height: auto !important;
  }

  #menu-btn {
    display: block !important;
    width: 34px !important;
    height: 26px !important;
    min-width: 34px !important;
    min-height: 26px !important;
    padding: 0 !important;
    margin: 0 !important;
    position: absolute !important;
    top: 50% !important;
    right: 18px !important;
    transform: translateY(-50%) !important;
    background: transparent !important;
    border: none !important;
    cursor: pointer !important;
    overflow: visible !important;
    z-index: 99999 !important;
    font-size: 0 !important;
    line-height: 0 !important;
    color: transparent !important;
  }

  #menu-btn i,
  #menu-btn span,
  #menu-btn svg {
    display: none !important;
  }

  #menu-btn::before {
    content: "" !important;
    display: block !important;
    width: 30px !important;
    height: 3px !important;
    background: #00113d !important;
    border-radius: 3px !important;
    position: absolute !important;
    left: 2px !important;
    top: 3px !important;
    box-shadow:
      0 9px 0 #00113d,
      0 18px 0 #00113d !important;
  }

  #menu-btn::after {
    display: none !important;
    content: none !important;
  }

  #site-navigation.main-navigation {
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    background: #ffffff !important;
    z-index: 9999 !important;
    padding: 18px 20px !important;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08) !important;
  }

  #site-navigation.main-navigation ul {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
  }

  #site-navigation.main-navigation ul li {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border-bottom: 1px solid #eeeeee !important;
  }

  #site-navigation.main-navigation ul li:last-child {
    border-bottom: none !important;
  }

  #site-navigation.main-navigation ul li a {
    display: block !important;
    padding: 12px 0 !important;
    color: #00113d !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    text-align: left !important;
    text-decoration: none !important;
  }

  #site-navigation.main-navigation ul li a:hover {
    color: #D3161F !important;
  }
}