/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}


/* for search result page */
.page-template-validation-display-page body,
.page-template-kharamaa-validation-display-page body {
    font-family: 'Arial', sans-serif;
    background-color: #f5f5f5;
    color: #333;
  }
  
  .page-template-validation-display-page .content-area,
  .page-template-kharamaa-validation-display-page .content-area {
    max-width: 1100px;
    margin: 20px auto;
    background-color: #fff;
    border: 1px solid #ddd;
    padding: 60px 20px 60px 20px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  }
  .page-template-validation-display-page .container,
  .page-template-kharamaa-validation-display-page .container {
    padding-left: 0px;
    padding-right: 0px;
  }
  
  .page-template-validation-display-page .po-details,
  .page-template-kharamaa-validation-display-page .po-details {
    margin-top: 20px;
  }
  
  .page-template-validation-display-page .po-title,
  .page-template-kharamaa-validation-display-page .po-title {
    font-size: 24px;
    color: #8a1538;
    text-align: center;
    margin-bottom: 10px;
  }
  
  .page-template-validation-display-page .po-number,
  .page-template-validation-display-page .po-document-link,
  .page-template-kharamaa-validation-display-page .po-number,
  .page-template-kharamaa-validation-display-page .po-document-link {
    font-size: 16px;
    margin-bottom: 10px;
  }
  
  .page-template-validation-display-page .product-details,
  .page-template-kharamaa-validation-display-page .product-details {
    margin-top: 20px;
  }

  .page-template-validation-display-page .po-head-details,
  .page-template-kharamaa-validation-display-page .po-head-details {
    padding-left: 15px;
    padding-bottom: 10px;
    border: 1px solid #ddd;
    margin-bottom: 20px;
    padding: 10px;
    background-color: #f9f9f9;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  }
  
  .page-template-validation-display-page .product-title,
  .page-template-kharamaa-validation-display-page .product-title {
    font-size: 20px;
    color: #8a1538;
    text-align: center;
    margin-bottom: 10px;
  }
  
  .page-template-validation-display-page .product-details-entry,  
  .page-template-kharamaa-validation-display-page .product-details-entry {
    border: 1px solid #ddd;
    margin-bottom: 20px;
    padding: 10px;
    background-color: #f9f9f9; /* Background color for each product detail */
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  }
  
  .page-template-validation-display-page .product-entry-title,
  .page-template-kharamaa-validation-display-page .product-entry-title {
    font-size: 18px;
    color: #8a1538;
    margin-bottom: 10px;
  }
  
  .page-template-validation-display-page table,
  .page-template-kharamaa-validation-display-page table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 10px;
  }
  
  .page-template-validation-display-page table,
  .page-template-validation-display-page th,
  .page-template-validation-display-page td,
  .page-template-kharamaa-validation-display-page table,
  .page-template-kharamaa-validation-display-page th,
  .page-template-kharamaa-validation-display-page td {
    border: 1px solid #ddd;
  }
  
  .page-template-validation-display-page th,
  .page-template-validation-display-page td, 
  .page-template-kharamaa-validation-display-page th,
  .page-template-kharamaa-validation-display-page td {
    padding: 10px;
    text-align: left;
  }
  
  .page-template-validation-display-page th,
  .page-template-kharamaa-validation-display-page th {
    background-color: #f2f2f2;
    color: #8a1538;
  }
  
  .page-template-validation-display-page .other-documents,
  .page-template-kharamaa-validation-display-page .other-documents {
    margin-top: 20px;
  }
  
  .page-template-validation-display-page h4,
  .page-template-kharamaa-validation-display-page h4 {
    font-size: 18px;
    color: #8a1538;
    margin-bottom: 10px;
  }
  
  .page-template-validation-display-page .alert,
  .page-template-kharamaa-validation-display-page .alert {
    padding: 10px;
    margin-top: 20px;
    background-color: #ffebee; /* Background color for alerts */
    border: 1px solid #ffcdd2; /* Border color for alerts */
  }
  
  /* Add more custom styles as needed */

/* for single purchase order page */

/* Custom styles for Single Purchase Order Template */

.purchase-order-template-default body {
  font-family: 'Arial', sans-serif;
  background-color: #f5f5f5;
  color: #333;
}

.purchase-order-template-default .content-area {
  max-width: 1100px;
  margin: 20px auto;
  background-color: #fff;
  border: 1px solid #ddd;
  padding: 60px 20px 60px 20px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.purchase-order-template-default .container {
  padding-left: 0px;
  padding-right: 0px;
}

.purchase-order-template-default .po-details {
  margin-top: 20px;
}

.purchase-order-template-default .po-title {
  font-size: 24px;
  color: #8a1538;
  text-align: center;
  margin-bottom: 10px;
}

.purchase-order-template-default .po-number,
.purchase-order-template-default .po-document-link {
  font-size: 16px;
  margin-bottom: 10px;
}

.purchase-order-template-default .product-details {
  margin-top: 20px;
}

.purchase-order-template-default .po-head-details {
  padding-left: 15px;
  padding-bottom: 10px;
  border: 1px solid #ddd;
  margin-bottom: 20px;
  padding: 10px;
  background-color: #f9f9f9;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}

.purchase-order-template-default .product-title {
  font-size: 20px;
  color: #8a1538;
  text-align: center;
  margin-bottom: 10px;
}

.purchase-order-template-default .product-details-entry {
  border: 1px solid #ddd;
  margin-bottom: 20px;
  padding: 10px;
  background-color: #f9f9f9;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}

.purchase-order-template-default .product-entry-title {
  font-size: 18px;
  color: #8a1538;
  margin-bottom: 10px;
}

.purchase-order-template-default table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 10px;
}

.purchase-order-template-default table,
.purchase-order-template-default th,
.purchase-order-template-default td {
  border: 1px solid #ddd;
}

.purchase-order-template-default th,
.purchase-order-template-default td {
  padding: 10px;
  text-align: left;
}

.purchase-order-template-default th {
  background-color: #f2f2f2;
  color: #8a1538;
}

.purchase-order-template-default .other-documents {
  margin-top: 20px;
}

.purchase-order-template-default h4 {
  font-size: 18px;
  color: #8a1538;
  margin-bottom: 10px;
}

.purchase-order-template-default .alert {
  padding: 10px;
  margin-top: 20px;
  background-color: #ffebee;
  border: 1px solid #ffcdd2;
}

/* Custom styles for Single Product Template */

.single-product body {
  font-family: 'Arial', sans-serif;
  background-color: #f5f5f5;
  color: #333;
}

.single-product .content-area {
  max-width: 1100px;
  margin: 20px auto;
  background-color: #fff;
  border: 1px solid #ddd;
  padding: 60px 20px 60px 20px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.single-product .container {
  padding-left: 0px;
  padding-right: 0px;
}

.single-product h2 {
  font-size: 24px;
  color: #8a1538;
  text-align: center;
  margin-bottom: 20px;
}

.single-product .product-details-entry {
  border: 1px solid #ddd;
  margin-bottom: 20px;
  padding: 10px;
  background-color: #f9f9f9;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}

.single-product .product-entry-title {
  font-size: 18px;
  color: #8a1538;
  margin-bottom: 10px;
}

.single-product table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 10px;
}

.single-product table,
.single-product th,
.single-product td {
  border: 1px solid #ddd;
}

.single-product th,
.single-product td {
  padding: 10px;
  text-align: left;
}

.single-product th {
  background-color: #f2f2f2;
  color: #8a1538;
}

.single-product .other-documents {
  margin-top: 20px;
}

.single-product h4 {
  font-size: 18px;
  color: #8a1538;
  margin-bottom: 10px;
}

.single-product .alert {
  padding: 10px;
  margin-top: 20px;
  background-color: #ffebee;
  border: 1px solid #ffcdd2;
}


/* Custom styles for Product Details from QR Template */

.page-template-product-details-from-qr body {
  font-family: 'Arial', sans-serif;
  background-color: #f5f5f5;
  color: #333;
}

.page-template-product-details-from-qr .content-area {
  max-width: 1100px;
  margin: 20px auto;
  background-color: #fff;
  border: 1px solid #ddd;
  padding: 60px 20px 60px 20px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.page-template-product-details-from-qr .container {
  padding-left: 0px;
  padding-right: 0px;
}

.page-template-product-details-from-qr h2 {
  font-size: 24px;
  color: #8a1538;
  text-align: center;
  margin-bottom: 20px;
}

.page-template-product-details-from-qr .product-details-entry {
  border: 1px solid #ddd;
  margin-bottom: 20px;
  padding: 10px;
  background-color: #f9f9f9;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}

.page-template-product-details-from-qr .product-entry-title {
  font-size: 18px;
  color: #8a1538;
  margin-bottom: 10px;
}

.page-template-product-details-from-qr table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 10px;
}

.page-template-product-details-from-qr table,
.page-template-product-details-from-qr th,
.page-template-product-details-from-qr td {
  border: 1px solid #ddd;
}

.page-template-product-details-from-qr th,
.page-template-product-details-from-qr td {
  padding: 10px;
  text-align: left;
}

.page-template-product-details-from-qr th {
  background-color: #f2f2f2;
  color: #8a1538;
}

.page-template-product-details-from-qr .other-documents {
  margin-top: 20px;
}

.page-template-product-details-from-qr h4 {
  font-size: 18px;
  color: #8a1538;
  margin-bottom: 10px;
}

.page-template-product-details-from-qr .alert {
  padding: 10px;
  margin-top: 20px;
  background-color: #ffebee;
  border: 1px solid #ffcdd2;
}


/* style for ultimate user */
/* Link colors */
.um a.um-link,
.um .um-tip:hover,
.um .um-field-radio.active:not(.um-field-radio-state-disabled) i,
.um .um-field-checkbox.active:not(.um-field-radio-state-disabled) i,
.um .um-member-name a:hover,
.um .um-member-more a:hover,
.um .um-member-less a:hover,
.um .um-members-pagi a:hover,
.um .um-cover-add:hover,
.um .um-profile-subnav a.active,
.um .um-item-meta a,
.um-account-name a:hover,
.um-account-nav a.current,
.um-account-side li a.current span.um-account-icon,
.um-account-side li a.current:hover span.um-account-icon,
.um-dropdown li a:hover,
i.um-active-color,
span.um-active-color
{
    color: #8a1538 !important;
}

.um a.um-link:hover,
.um a.um-link-hvr:hover {
    color: #8a1538 !important;
}

/* Button colors */
.um .um-field-group-head,
.picker__box,
.picker__nav--prev:hover,
.picker__nav--next:hover,
.um .um-members-pagi span.current,
.um .um-members-pagi span.current:hover,
.um .um-profile-nav-item.active a,
.um .um-profile-nav-item.active a:hover,
.upload,
.um-modal-header,
.um-modal-btn,
.um-modal-btn.disabled,
.um-modal-btn.disabled:hover,
div.uimob800 .um-account-side li a.current,
div.uimob800 .um-account-side li a.current:hover,
.um .um-button,
.um a.um-button,
.um a.um-button.um-disabled:hover,
.um a.um-button.um-disabled:focus,
.um a.um-button.um-disabled:active,
.um input[type=submit].um-button,
.um input[type=submit].um-button:focus,
.um input[type=submit]:disabled:hover
{
    background: #8a1538 !important;
}

.um .um-field-group-head:hover,
.picker__footer,
.picker__header,
.picker__day--infocus:hover,
.picker__day--outfocus:hover,
.picker__day--highlighted:hover,
.picker--focused .picker__day--highlighted,
.picker__list-item:hover,
.picker__list-item--highlighted:hover,
.picker--focused .picker__list-item--highlighted,
.picker__list-item--selected,
.picker__list-item--selected:hover,
.picker--focused .picker__list-item--selected,
.um .um-button:hover,
.um a.um-button:hover,
.um input[type=submit].um-button:hover{
    background: #8a1538 !important;
}

/* Button alt colors */
.um .um-button.um-alt, 
.um input[type=submit].um-button.um-alt {
    background: #eeeeee !important;
}

.um .um-button.um-alt:hover,
.um input[type=submit].um-button.um-alt:hover {
    background: #e5e5e5 !important;	
}


@media (max-width: 425px) {
  .qtec-mobile thead tr, 
  .qtec-mobile tbody tr {
    display: flex;
    flex-direction: column;
  }
  
}

/* logo coloumn effect */

.logo-image-container:hover img {
    transform: rotateY(360deg);
}

.logo-image-container {
  transition: transform 1.5s ease; /* Add transition for smooth animation */
}

.logo-image-container:hover {
  transform: rotateY(360deg); /* Rotate 180 degrees on hover */
}

/* kharamaa user on form */
.page-template-kharamaa-form-page .additional-content {
  display: flex;
  flex-wrap: wrap;
}

/* about us team images */
.page-id-287 img.attachment-.size- {
  min-width: 160px !important;
  height: 250px !important;
}

/* single product page */
input#acf-field_65893c0dbcd05 {
  display: none;
}


/* Custom styles for Single TENDER Template */

.tender-template-default body {
  font-family: 'Arial', sans-serif;
  background-color: #f5f5f5;
  color: #333;
}

.tender-template-default .content-area {
  max-width: 1100px;
  margin: 20px auto;
  background-color: #fff;
  border: 1px solid #ddd;
  padding: 60px 20px 60px 20px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.tender-template-default .container {
  padding-left: 0px;
  padding-right: 0px;
}

.tender-template-default .po-details {
  margin-top: 20px;
}

.tender-template-default .po-title {
  font-size: 24px;
  color: #8a1538;
  text-align: center;
  margin-bottom: 10px;
}

.tender-template-default .po-number,
.tender-template-default .po-document-link {
  font-size: 16px;
  margin-bottom: 10px;
}

.tender-template-default .product-details {
  margin-top: 20px;
}

.tender-template-default .po-head-details {
  padding-left: 15px;
  padding-bottom: 10px;
  border: 1px solid #ddd;
  margin-bottom: 20px;
  padding: 10px;
  background-color: #f9f9f9;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}

.tender-template-default .product-title {
  font-size: 20px;
  color: #8a1538;
  text-align: center;
  margin-bottom: 10px;
}

.tender-template-default .product-details-entry {
  border: 1px solid #ddd;
  margin-bottom: 20px;
  padding: 10px;
  background-color: #f9f9f9;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}

.tender-template-default .product-entry-title {
  font-size: 18px;
  color: #8a1538;
  margin-bottom: 10px;
}

.tender-template-default table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 10px;
}

.tender-template-default table,
.tender-template-default th,
.tender-template-default td {
  border: 1px solid #ddd;
}

.tender-template-default th,
.tender-template-default td {
  padding: 10px;
  text-align: left;
}

.tender-template-default th {
  background-color: #f2f2f2;
  color: #8a1538;
}

.tender-template-default .other-documents {
  margin-top: 20px;
}

.tender-template-default h4 {
  font-size: 18px;
  color: #8a1538;
  margin-bottom: 10px;
}

.tender-template-default .alert {
  padding: 10px;
  margin-top: 20px;
  background-color: #ffebee;
  border: 1px solid #ffcdd2;
}



/*  */
.page-template-kharamaa_products_listing .content-area,
.page-template-kharamaa_po_listing .content-area,
.page-template-kharamaa_tender_listing .content-area,
.page-template-kharamaa_tender_details .content-area,
.page-template-kharamaa_po_details .content-area,
.page-template-form-page .content-area,
.page-template-kharamaa-form-page .content-area,
.page-template-kharamaa-validation-display-page .content-area,
.page-template-validation-display-page .content-area{
  max-width: 1098px;
  margin: 20px auto;
  background-color: #fff;
  border: 1px solid #ddd;
  padding: 60px 20px 60px 20px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

/* kharama */
a.button.back-btn {
  padding: 0px 20px;
  background-color: white;
  color: #8a1538;
  border: 1px solid;
}

/* media page */
.jf-media-vid{
  padding-top: 0px !important;
}