.elementor-8738 .elementor-element.elementor-element-268db88{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:30px;--padding-right:30px;}.elementor-8738 .elementor-element.elementor-element-268db88:not(.elementor-motion-effects-element-type-background), .elementor-8738 .elementor-element.elementor-element-268db88 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://saia.co.za/wp-content/uploads/2025/04/saia-media-centre-annual-reviews-banner-strategic-reports-scaled.webp");background-position:top center;background-size:cover;}.elementor-8738 .elementor-element.elementor-element-d6737a4{margin:200px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-8738 .elementor-element.elementor-element-d6737a4 .elementor-heading-title{color:#FFFFFF;}.elementor-8738 .elementor-element.elementor-element-5dafcf9{width:var( --container-widget-width, 55% );max-width:55%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 40px) 0px;--container-widget-width:55%;--container-widget-flex-grow:0;font-family:"Figtree", Sans-serif;font-size:30px;line-height:41px;color:#FFFFFF;}.elementor-8738 .elementor-element.elementor-element-1056f04{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-8738 .elementor-element.elementor-element-1056f04:not(.elementor-motion-effects-element-type-background), .elementor-8738 .elementor-element.elementor-element-1056f04 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAFAFA;}.elementor-8738 .elementor-element.elementor-element-72c70f1 > .elementor-widget-container{margin:20px 0px 0px 0px;padding:0px 0px 0px 0px;border-radius:0px 0px 0px 0px;}.elementor-8738 .elementor-element.elementor-element-72c70f1 .consulting-custom-title{color:#79242F;}.elementor-8738 .elementor-element.elementor-element-513f7c6{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 28px) 0px;padding:0px 0px 0px 0px;border-radius:0px 0px 0px 0px;font-family:"Figtree", Sans-serif;font-size:16px;line-height:24px;color:#1B1B1B;}.elementor-8738 .elementor-element.elementor-element-83a1870{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:30px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-8738 .elementor-element.elementor-element-eab5cfa{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8738 .elementor-element.elementor-element-d9c7e96{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}@media(max-width:1024px){.elementor-8738 .elementor-element.elementor-element-268db88:not(.elementor-motion-effects-element-type-background), .elementor-8738 .elementor-element.elementor-element-268db88 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:71% 0%;}.elementor-8738 .elementor-element.elementor-element-268db88{--padding-top:0px;--padding-bottom:0px;--padding-left:30px;--padding-right:30px;}.elementor-8738 .elementor-element.elementor-element-5dafcf9{--container-widget-width:61%;--container-widget-flex-grow:0;width:var( --container-widget-width, 61% );max-width:61%;}.elementor-8738 .elementor-element.elementor-element-83a1870{--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:40px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}}@media(max-width:880px){.elementor-8738 .elementor-element.elementor-element-268db88{--justify-content:flex-end;}.elementor-8738 .elementor-element.elementor-element-5dafcf9{width:var( --container-widget-width, 50% );max-width:50%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 70px) 0px;padding:0px 0px 0px 0px;--container-widget-width:50%;--container-widget-flex-grow:0;font-size:18px;line-height:22px;}}@media(max-width:640px){.elementor-8738 .elementor-element.elementor-element-268db88{--justify-content:flex-end;--padding-top:0px;--padding-bottom:0px;--padding-left:30px;--padding-right:30px;}.elementor-8738 .elementor-element.elementor-element-268db88:not(.elementor-motion-effects-element-type-background), .elementor-8738 .elementor-element.elementor-element-268db88 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:74% 0%;}.elementor-8738 .elementor-element.elementor-element-5dafcf9{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 120px) 0px;--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;font-size:19px;line-height:1.8em;}.elementor-8738 .elementor-element.elementor-element-1056f04{--padding-top:0px;--padding-bottom:0px;--padding-left:30px;--padding-right:30px;}.elementor-8738 .elementor-element.elementor-element-eab5cfa{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}@media(min-width:641px){.elementor-8738 .elementor-element.elementor-element-1056f04{--content-width:703px;}.elementor-8738 .elementor-element.elementor-element-eab5cfa{--width:100%;}}@media(max-width:1024px) and (min-width:641px){.elementor-8738 .elementor-element.elementor-element-eab5cfa{--width:100%;}}/* Start custom CSS for theme-page-title, class: .elementor-element-d6737a4 */#ptitle h1:after {background-color:#fff}

#ptitle h1 {text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8);}

#pdescrip p {text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.9);}

#menu-item-9583 > a {
  color: #fff !important;
}

#menu-item-9583 .sub-menu a {
  color: initial ; /* or replace with desired submenu color */
}

#menu-item-9583 .sub-menu a:hover {
  color: #fff ; /* or replace with desired submenu color */
}

#menu-item-9583 .sub-menu .current_page_item a {color: #fff !important;}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-268db88 */#banner {
    height: 100dvh;
}

.uc_classic_content .uc_classic_content_placeholder img {
object-fit: contain !important;
}

a.dlp-preview-modal-close {
color:#fff !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-481990f */#document-library-1 .col-doc_categories {
  display: none !important;
}

/* Hide ID column */
.col-id.dtr-control,
th.col-id {
  display: none !important;
}

/* Hide Date column */
.col-date.sorting_1,
.col-date,
th.col-date {
  display: none !important;
}

/* Hide Categories column */
.col-doc_categories,
th.col-doc_categories {
  display: none !important;
}

/* Hide Content column (since it appears empty anyway) */
.col-content,
th.col-content {
  display: none !important;
}

/* Title link styling */
.col-title a {
  pointer-events: none;
  cursor: default;
  color: inherit;
  text-decoration: none;
}

/* Header styling */
table.dataTable>thead>tr>th, 
table.dataTable>thead>tr>td {
  padding: 0px;
  border-bottom: 0px solid rgba(0, 0, 0, 0) !important;
}

/* Hide unnecessary columns */
.col-id,
.col-content,
.col-date,
.col-doc_categories {
  display: none !important;
}

/* Hide table header */
.document-library-table thead {
  display: none !important;
}

/* Remove table layout entirely */
.document-library-table {
  display: block !important;
  width: 100% !important;
  border: none !important;
}

.document-library-table > tbody {
  display: grid !important;
  grid-template-columns: 1fr;
  gap: 20px;
  padding: 0;
  margin: 0;
}

/* Desktop: 3-column layout */
@media (min-width: 768px) {
  .document-library-table > tbody {
    grid-template-columns: repeat(3, 1fr);
  }
}

/* Each document row = card */
.document-library-table tbody tr {
  display: flex !important;
  flex-direction: column;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.05);
  padding: 16px;
  border: 1px solid #eee;
  overflow: hidden;
  width: 100%;
  margin: 0;
}

/* Remove weird table cell spacing */
.document-library-table tbody tr td {
  display: block !important;
  width: 100% !important;
  border: none !important;
  padding: 0 !important;
  margin-bottom: 10px;
  background: transparent !important;
}

/* Thumbnail styling */
.col-image {
  order: 1;
  margin-bottom: 12px;
}

.col-image img {
  width: 100% !important;
  height: 240px !important;
  object-fit: cover;
  display: block;
  border-radius: 10px;
}

/* Title */
.col-title {
  order: 2;
  margin-bottom: 12px;
}

.col-title {
  font-size: 1rem;
  font-weight: 600;
  color: #111;
  text-decoration: none;
  display: block;
  font-family: figtree;
  line-height: 1.4;
}

/* Download button */
.col-link {
  order: 3;
  display: flex;
  gap: 10px;
  margin-top: auto;
}

.col-link .dll-download-button,
.col-link .button {
  flex: 1;
  text-align: center;
  padding: 10px 20px;
  font-size: 1rem;
  font-weight: 600;
  border-radius: 8px;
  background-color: #000000 !important;
  color: #fff !important;
  text-decoration: none;
  border: none;
  transition: background-color 0.2s ease, transform 0.2s ease;
  font-family: figtree;
  display: block;
}

.col-link .dll-download-button:hover,
.col-link .button:hover {
  background-color: #79242F !important;
  transform: translateY(-1px);
  color: #fff !important;
}

/* Hide DataTables controls */
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_paginate,
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_processing {
  display: none !important;
}

/* Mobile adjustments */
@media (max-width: 480px) {
  .col-link {
    flex-direction: column;
  }
  
  .col-link .dll-download-button,
  .col-link .button {
    flex: 1 1 100%;
    width: 100%;
  }
}

/* Menu styling (keeping your existing menu styles) */
#menu-item-7624 > a {
  color: #fff !important;
}

#menu-item-7624 .sub-menu a {
  color: initial;
}

#menu-item-7624 .sub-menu a:hover {
  color: #fff;
}

#menu-item-7624 .sub-menu .current_page_item a {
  color: #fff !important;
}


/* Hide Categories column */
.col-doc_categories,
th.col-doc_categories {
  display: none !important;
}/* End custom CSS */