html{
  scroll-behavior: smooth;
}

.bg_image--3 {
  background-image: url(../../home1.png);
}

.rbt-btn:hover {
  transform: none;
}

.rbt-list-style-2 li {
  font-size: 18px;
  color: #192335;
}

.rbt-banner-3 .edumarque {
	background-image:url(../../text.png);
	width:100%;
}

.rbt-header .mainmenu-nav .mainmenu li.with-megamenu .rbt-megamenu.menu-skin-dark .wrapper {
  background: var(--color-secondary);
}

.demo-single .inner .content .title {
  font-size: 18px;
}

.demo-single:hover .inner .content {
  bottom: -40px;
}

.quick-access > li > a {
  font-size: 18px;
}

.quick-access > li > a i {
  margin-right: 5px;
  font-size: 22px;
}

.rbt-user-wrapper .rbt-user-menu-list-wrapper {
  right:0 !important;
  left:auto !important;
}

@media only screen and (max-width: 767px) {
  .rbt-header .rbt-header-wrapper .header-left {
    flex-basis: auto;
  }
}

h2 a {
	color:#83680a;
}

.jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c {
  font-size: 50px;
  margin-bottom: 20px;
}

.form-group {
  margin-bottom: 21px;
}

.rbt-gradient-border {
  background: var(--color-secondary) !important;
}

.rbt-round-icon i {
  font-size: 40px;
}

/* ==========================================================
   SCALE UP ALL TYPOGRAPHY FOR BETTER READABILITY (~50%)
   ========================================================== */

/* MAIN TITLES */
#mould-assessment-form h2 {
    font-size: 2.2rem;   /* was 1.6 */
    font-weight: 600;
    margin-bottom: 1rem;
}

#mould-assessment-form h3, #mould-assessment-form legend {
    font-size: 1.8rem;   /* was 1.25 */
    font-weight: 600;
    margin-top: 2.5rem;
    margin-bottom: 1rem;
}

#mould-assessment-form h4 {
    font-size: 1.45rem;  /* was 1.1 */
    font-weight: 600;
    margin-top: 2rem;
    margin-bottom: 0.75rem;
}

/* ==========================================================
   LABELS + TEXTAREAS + INPUTS (ALL SCALED UP)
   ========================================================== */

#mould-assessment-form label {
    font-size: 1.35rem;   /* was 0.95 */
    font-weight: 600;
    margin-top: 1rem;
    margin-bottom: 0.4rem;
    display: block;
}

#mould-assessment-form textarea.form-control {
    font-size: 1.35rem;   /* was 0.95 */
    min-height: 150px;
    padding: 14px 16px;
    resize: vertical;
    border-radius: 6px;
}

#mould-assessment-form input.form-control {
    font-size: 1.35rem;   /* was 0.95 */
    padding: 12px 14px;
    border-radius: 6px;
}

/* ==========================================================
   TABLE HEADER NORMALISATION (LARGER FOR READABILITY)
   ========================================================== */

#mould-assessment-form table th {
    font-size: 1.25rem;   /* was 0.9 */
    font-weight: 600 !important;
    background: #f8f9fa;
    white-space: nowrap;
}

#mould-assessment-form table.table {
    margin-bottom: 2rem;
}

/* ==========================================================
   VERTICAL SPACING
   ========================================================== */

#mould-assessment-form hr {
    margin: 3rem 0;
}

#mould-assessment-form p, #mould-assessment-form ul li {
    font-size: 1.15rem;   /* was inheriting ~1.35rem */
    line-height: 1.55;
    margin-bottom: 1rem;
}

/* Make ALL headings inside the form the same darker colour */
#mould-assessment-form h2,
#mould-assessment-form h3,
#mould-assessment-form h4,
#mould-assessment-form h5 {
    color: var(--color-heading) !important;   /* or #000 if you want true black */
}

#mould-assessment-form table th,
#mould-assessment-form table td {
    width: 20%;
    max-width: 20%;
    word-wrap: break-word;
    white-space: normal;
}

/* Make the first column fill space, and the last column shrink + right align */
.rbt-dashboard-table table tbody tr td:first-child,
.rbt-dashboard-table table thead tr th:first-child {
    width: 100%;
}

.rbt-dashboard-table table thead tr th:last-child {
    width: 1%;
    white-space: nowrap;
    text-align: center;
}

.rbt-dashboard-table table tr td {
    vertical-align:middle;
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-header-top-news .inner .content .news-text {
    font-size: 14px;
  }
}
.rbt-information-list li a,ul.rbt-dropdown-menu li a {
  color: var(--color-white);
}
.rbt-information-list li a:hover, ul.rbt-dropdown-menu li a:hover {
  color: var(--color-darker);	
}
.social-share-transparent li a, .rbt-header-top-news .inner .content .news-text {
  color: var(--color-white);	
}

.brand-style-1 li a img {
  max-height: 200px;
}

.rbt-header .logo a img {
  max-height: 100px;
  object-fit: cover;
  padding: 10px 0;
}

.bg-color-darker .rbt-btn.btn-border-gradient::before, .bg-color-dark .rbt-btn.btn-border-gradient::before {
  background: var(--color-primary);
}

.bg-color-darker .social-default li a, .bg-color-dark .social-default li a {
  background-color: var(--color-secondary);
}

.rbt-btn.btn-border-gradient {
  background: linear-gradient\(90deg, var(--color-secondary), var(--color-darker);
}

.footer-style-1 .footer-top {
  padding-top: 70px;
  padding-bottom: 60px;
}

.about-style-4 .about-thumb .satisfied .number, .about-style-4 .about-thumb .satisfied .item-title .odometer {
	font-weight: var(--f-semi-bold);
	font-size: 36px;
}
.odometer.odometer-auto-theme .odometer-value, .odometer.odometer-theme-default .item-title {
  text-align: center;
  color:var(--color-darker);
}
.about-style-4 .about-thumb .since .number {
  color:var(--color-darker);	
}

.footer-style-1 .newsletter-form .right-icon input {
  color: var(--color-white);
}

footer .logo a img {
  max-height: 100px;
  object-fit: cover;
}

.rbt-banner-6.variation-01 {
	height:400px;
}

.rbt-address .icon i {
		color:var(--color-secondary);
}

.rbt-address .inner h4.title {
		font-size:40px;
}

@media only screen and (max-width: 767px) {
  .brand-style-1 li {
    flex-basis: 33%;
  }
}

.brand-style-1 li {
  flex-basis: 33%;
}

.rbt-banner-6.variation-01 .wrapper {
  padding-bottom: 80px;
  padding-top: 0;
}

.rbt-default-sidebar.sticky-top {
    top: 120px;
}

.rbt-mini-cart .rbt-cart-count {
  background: #c82333;
}
/* ========================= */
/* Form layout basics */
/* ========================= */
#mould-assessment-form .form-row {
  display: flex;
  gap: 20px;
  margin-bottom: 15px;
  align-items: flex-start;
}

#mould-assessment-form .form-row label {
  flex: 0 0 260px;
  font-weight: 600;
  font-family: var(--font-primary);
}

#mould-assessment-form .form-row textarea,
#mould-assessment-form .form-row input {
  flex: 1;
  font-family: var(--font-primary);
}

/* ========================= */
/* Subsection containers */
/* ========================= */
#mould-assessment-form .mt-subsection {
  padding: 16px;
  margin-bottom: 24px;
  border-radius: 6px;
  border: 1px solid #e0e0e0;
  transition: background-color 0.25s ease, border-color 0.25s ease;
}

/* Traffic-light states */
#mould-assessment-form .mt-subsection[data-rating="CR1"] {
  background-color: #eaf7ea;
  border-color: #9ad29a;
}

#mould-assessment-form .mt-subsection[data-rating="CR2"] {
  background-color: #fff6e5;
  border-color: #f0c36d;
}

#mould-assessment-form .mt-subsection[data-rating="CR3"] {
  background-color: #fdeaea;
  border-color: #e39b9b;
}

#mould-assessment-form .mt-subsection[data-rating="HS"] {
  background-color: #f8d7da;
  border-color: #c82333;
  box-shadow: 0 0 0 2px rgba(200, 35, 51, 0.15);
}

#mould-assessment-form .mt-subsection[data-rating="HS"] h4 {
  color: #8b0000;
}

/* ========================= */
/* Date input sizing */
/* ========================= */
#mould-assessment-form .form-row input[type="date"] {
  flex: 0 0 auto;
  min-width: 9.5em;
}

/* ========================= */
/* Bootstrap-select matching */
/* ========================= */
#mould-assessment-form .bootstrap-select > .dropdown-toggle {
  border: 1px solid #d9d9e6;
  border-radius: 8px;
  box-shadow: none;
  font-family: var(--font-primary);
}

#mould-assessment-form
.bootstrap-select.show > .dropdown-toggle,
#mould-assessment-form
.bootstrap-select > .dropdown-toggle:focus {
  border-color: #7b7bf0;
  box-shadow: 0 0 0 2px rgba(123, 123, 240, 0.15);
}

/* ========================= */
/* Condition rating dots */
/* ========================= */
.cr-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: inline-block;
  margin-right: 8px;
}

.cr-dot.cr1 { background: #9ad29a; }
.cr-dot.cr2 { background: #f0c36d; }
.cr-dot.cr3 { background: #e39b9b; }
.cr-dot.hs  { background: #c82333; }

.cr-dot.neutral {
  background: #fff;
  border: 1px solid #333;
}

/* ========================= */
/* Tabs */
/* ========================= */
#mouldTabs .nav-link {
  color: var(--color-secondary);
  position: relative;
  border: none;
  background: transparent;
  font-weight: 500;
  padding-bottom: 10px;
}

#mouldTabs .nav-link::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 2px;
  width: 100%;
  background: var(--color-secondary);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.25s ease;
}

#mouldTabs .nav-link:hover::after,
#mouldTabs .nav-link.active::after {
  transform: scaleX(1);
}

/* ========================= */
/* Dropzone – form input look */
/* ========================= */
.form-row .mt-dropzone {
  border: 1px solid #d9d9f3;
  border-radius: 0.5rem;
  background: #fff;
  padding: 20px 24px;
  min-height: 160px;
  font-family: var(--font-primary);
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.form-row .mt-dropzone.dz-started,
.form-row .mt-dropzone:focus-within {
  border-color: #7367f0;
  box-shadow: 0 0 0 0.15rem rgba(115, 103, 240, 0.15);
}

/* ========================= */
/* Dropzone preview */
/* ========================= */
.mt-dropzone .dz-preview {
  text-align: center;
  margin: 0 auto;
}

.mt-dropzone .dz-image img {
  border-radius: 6px;
}

/* ========================= */
/* Dropzone action area */
/* ========================= */
.mt-dropzone .dz-details {
  margin-top: 18px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}

/* ========================= */
/* System Buttons */
/* ========================= */
.systembutton {
  width: 140px;
  padding: 10px 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  line-height: 1;

  font-family: var(--font-primary);
  font-size: 16px;
  font-weight: 600;

  border: none;
  border-radius: 6px;
  cursor: pointer !important;
  color: #fff;
  transition: background-color 0.15s ease, transform 0.05s ease;
}

.systembutton:hover {
  text-decoration: none;
}

.systembutton:active {
  transform: translateY(1px);
}

.systembutton i {
  font-size: 0.95em;
}

/* Variants */
.systembutton-green {
  background: #6fcf97;
}

.systembutton-green:hover {
  background: #4fbf7f;
}

.systembutton-red {
  background: #eb5757;
}

.systembutton-red:hover {
  background: #d63f3f;
}

.systembutton-amber {
  background: #f2c94c;
}

.systembutton-amber:hover {
  background: #e0b737;
}

.systembutton-auto {
	width:auto;
}

/* =========================================
   OVERRIDE Dropzone default remove styling
   ========================================= */

/* Kill Dropzone’s link behaviour */
.mt-dropzone .dz-preview .dz-remove {
  display: inline-flex !important;
  cursor: pointer;
  text-align: center;
  text-decoration: none !important;

  /* Reset Dropzone defaults */
  font-size: 14px;
  border: none;
  background: none;
  padding: 0;
}

/* Remove underline on hover (Dropzone default) */
.mt-dropzone .dz-preview .dz-remove:hover {
  text-decoration: none !important;
}

/* =========================================
   Apply systembutton styling to Remove
   ========================================= */

.mt-dropzone .dz-preview .dz-remove.systembutton {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* =========================================
   FORCE Dropzone Remove to behave like systembutton
   ========================================= */

/* Override Dropzone defaults ONLY when we add systembutton */
.mt-dropzone .dz-preview .dz-remove.systembutton {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;

  width: 140px;
  padding: 10px 14px;

  font-family: var(--font-primary);
  font-size: 16px;
  font-weight: 600;

  border: none !important;
  border-radius: 6px;

  text-decoration: none !important;
  cursor: pointer;

  background-color: #eb5757; /* pastel red */
  color: #ffffff;

  line-height: 1;
}

/* Kill Dropzone underline-on-hover */
.mt-dropzone .dz-preview .dz-remove.systembutton:hover {
  text-decoration: none !important;
  background-color: #d63f3f;
}

.systembutton span {
	cursor:pointer !important;
}

/* Stack action buttons nicely */
.mt-dropzone .dz-preview .dz-edit,
.mt-dropzone .dz-preview .dz-remove.systembutton {
  display: inline-flex;
  width: 140px;
  margin: 10px auto 0;   /* centers + spacing from image */
}

.mt-dropzone .dz-preview .dz-remove.systembutton {
  margin-top: 10px;      /* extra space below Edit */
}

/* Make preview a column container */
.mt-dropzone .dz-preview {
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* =========================================
   FIX Dropzone layout inside table cells
   ========================================= */

td .mt-dropzone {
  min-height: 160px;              /* match your intended box size */
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Ensure Dropzone message centers properly */
td .mt-dropzone .dz-message {
  margin: 0;
}

td .dropzone {
  min-height: 160px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Apply same styling when Dropzone is inside tables (appendices) */
table .mt-dropzone {
  border: 1px solid #d9d9f3;
  border-radius: 0.5rem;
  background: #fff;
  padding: 20px 24px;
  min-height: 160px;
  font-family: var(--font-primary);
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

/* Active / started state for Dropzones inside tables */
table .mt-dropzone.dz-started,
table .mt-dropzone:focus-within {
  border-color: #5ba4f3;
  box-shadow: 0 0 0 3px rgba(91, 164, 243, 0.15);
}

/* Shrink-wrap Dropzone inside table cells */
table .mt-dropzone {
  display: inline-flex;
  flex-direction: column;
}

table td {
  text-align: center;
}

/* Allow Toast UI text editing */
.tui-image-editor *,
.tui-image-editor-container * {
  user-select: text !important;
  pointer-events: auto !important;
}

.tui-image-editor-canvas-container {
  pointer-events: auto !important;
}

/* FIX: Allow Toast UI editor to receive keyboard input */
#imageEditorModal,
#imageEditorModal .modal-dialog,
#imageEditorModal .modal-content {
  pointer-events: auto !important;
}

.tui-image-editor-canvas-container,
.tui-image-editor-canvas {
  pointer-events: auto !important;
}

/* Toast UI editor light feel */
.tui-image-editor-container {
  background: #ffffff;
}

.tui-image-editor-controls,
.tui-image-editor-menu {
  background: #f8f9fb;
  border-color: #e1e1ef;
}

#imageEditorModal .modal-body {
  height: calc(100vh - 160px);
  overflow-y: auto;
  padding: 0;
}

#tui-image-editor-container {
  position: relative;        /* REQUIRED */
  height: 100%;
  max-height: 700px;
}

.tui-image-editor-header {
	display:none;
}

.tui-image-editor-canvas-container {
  background: #f9fbfa;
}

/* =========================================================
   Toast UI – FIX white hover/active labels for light theme
   ========================================================= */

/* Submenu button labels on hover */
.tui-image-editor-container
.tui-image-editor-submenu
.tui-image-editor-button:hover > label {
  color: #2f7d4a !important;   /* your green */
  font-weight: 500;
}

/* Checkbox / option labels */
.tui-image-editor-container
.tui-image-editor-checkbox label > span {
  color: #2f7d4a !important;
  font-weight: 500;
}

/* Active submenu button label */
.tui-image-editor-container
.tui-image-editor-submenu
.tui-image-editor-button.active > label {
  color: #1f6b3b !important;   /* slightly darker active */
  font-weight: 600;
}

/* Hide Delete / Delete All buttons in Toast UI */
.tui-image-editor-item.tie-btn-delete,
.tui-image-editor-item.tie-btn-deleteAll,
.tui-image-editor-item.tie-btn-history {
  display: none !important;
}

.tie-icon-add-button.icon-bubble .tui-image-editor-button[data-icontype="icon-bubble"] label, .tie-icon-add-button.icon-heart .tui-image-editor-button[data-icontype="icon-heart"] label, .tie-icon-add-button.icon-location .tui-image-editor-button[data-icontype="icon-location"] label, .tie-icon-add-button.icon-polygon .tui-image-editor-button[data-icontype="icon-polygon"] label, .tie-icon-add-button.icon-star .tui-image-editor-button[data-icontype="icon-star"] label, .tie-icon-add-button.icon-star-2 .tui-image-editor-button[data-icontype="icon-star-2"] label, .tie-icon-add-button.icon-arrow-3 .tui-image-editor-button[data-icontype="icon-arrow-3"] label, .tie-icon-add-button.icon-arrow-2 .tui-image-editor-button[data-icontype="icon-arrow-2"] label, .tie-icon-add-button.icon-arrow .tui-image-editor-button[data-icontype="icon-arrow"] label, .tie-icon-add-button.icon-bubble .tui-image-editor-button[data-icontype="icon-bubble"] label, .tie-draw-line-select-button.line .tui-image-editor-button.line label, .tie-draw-line-select-button.free .tui-image-editor-button.free label, .tie-flip-button.flipX .tui-image-editor-button.flipX label, .tie-flip-button.flipY .tui-image-editor-button.flipY label, .tie-flip-button.resetFlip .tui-image-editor-button.resetFlip label, .tie-crop-button .tui-image-editor-button.apply.active label, .tie-crop-preset-button .tui-image-editor-button.preset.active label, .tie-resize-button .tui-image-editor-button.apply.active label, .tie-resize-preset-button .tui-image-editor-button.preset.active label, .tie-shape-button.rect .tui-image-editor-button.rect label, .tie-shape-button.circle .tui-image-editor-button.circle label, .tie-shape-button.triangle .tui-image-editor-button.triangle label, .tie-text-effect-button .tui-image-editor-button.active label, .tie-text-align-button.tie-text-align-left .tui-image-editor-button.left label, .tie-text-align-button.tie-text-align-center .tui-image-editor-button.center label, .tie-text-align-button.tie-text-align-right .tui-image-editor-button.right label, .tie-mask-apply.apply.active .tui-image-editor-button.apply label, .tui-image-editor-container .tui-image-editor-submenu .tui-image-editor-button:hover > label, .tui-image-editor-container .tui-image-editor-checkbox label > span {
  color:#1f6b3b !important;
  font-weight: lighter;
}

.tui-image-editor text,
.tui-image-editor textarea {
  font-family: Arial, Helvetica, sans-serif !important;
}

.tui-image-editor-container .tui-image-editor-submenu .tui-image-editor-button .color-picker-value + label {
	color:#1f6b3b !important;
}

.modal-title-tabs {
  border-bottom: none;
}
.modal-title-tabs .nav-link {
  padding: 0.5rem 1rem;
  color: var(--color-secondary);
}
.modal-title-tabs .nav-link:hover, .modal-title-tabs .nav-link.active  {
  color: var(--color-primary);
}

.image-library-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
  gap: 12px;
  padding: 10px;
}

.image-library-grid img {
  width: 100%;
  height: 100px;
  object-fit: cover;
  cursor: pointer;
  border: 1px solid #ddd;
  border-radius: 4px;
}

.image-library-grid img:hover {
  outline: 2px solid #2f855a;
}

#imageEditorModal .modal-body {
  display: flex;
  flex-direction: column;
  padding: 0; /* important for Toast */
}

#imageEditorModal .tab-content {
  flex: 1 1 auto;
  min-height: 0; /* critical */
  display: flex;
}

#imageEditorModal .tab-pane {
  flex: 1 1 auto;
  min-height: 0;
}

#tui-image-editor-container {
  height: 100%;
}

#imageEditorModal .modal-dialog {
  height: 90vh;
  max-width: 95vw;
}

#imageEditorModal .modal-content {
  height: 100%;
}

.library-thumb {
  position: relative;
  overflow: hidden;
  border-radius: 4px;
}

.library-thumb img {
  width: 100%;
  height: 100px;
  object-fit: cover;
  display: block;
}

.library-thumb-overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.45);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.15s ease;
}

.library-thumb:hover .library-thumb-overlay {
  opacity: 1;
}

.library-thumb-overlay {
  backdrop-filter: blur(1px);
}

.library-thumb-overlay button.systembutton {
	width: auto;
}

#mould-assessment-form .form-row input[type="date"] {
  flex: auto;
  min-width: 9.5em;
}

.camera-modal {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,.6);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2000;
}

.camera-box {
  background: #fff;
  padding: 15px;
  border-radius: 8px;
}

.photo-panel-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  margin-bottom: 12px;
}

.photo-actions {
  display: flex;
  gap: 8px;
}

.photo-actions .systembutton {
  width: auto;
  padding: 8px 12px;
  font-size: 14px;
}

/* Modal dropzone should look like a form input */
.mt-dropzone-modal {
  width: 100%;
}

.mt-dropzone-modal .dropzone {
  border: 1px solid #d9d9f3;
  border-radius: 0.5rem;
  background: #fff;
  padding: 20px;
  min-height: 120px;

  display: flex;
  align-items: center;
  justify-content: center;
}

.mt-dropzone-modal .dz-message {
  margin: 0;
  text-align: center;
}

.mt-dropzone-modal .dz-button {
  background: none;
  border: none;
  font-family: inherit;
  font-size: 16px;
  cursor: pointer;
}

.mt-dropzone-modal .dz-button small {
  display: block;
  font-size: 13px;
  opacity: 0.7;
}

/* Modal thumbnail styling to match system */
#photo-upload-modal .dz-image {
  border-radius: 12px;
  overflow: hidden;
}

#photo-upload-modal .dz-image img {
  width: 100%;
  height: auto;
  object-fit: contain;
  background: #fff;
}

/* =========================================
   Photo modal – kill Dropzone overlays
   ========================================= */

#photo-upload-modal .dz-details,
#photo-upload-modal .dz-progress,
#photo-upload-modal .dz-success-mark,
#photo-upload-modal .dz-error-mark {
  display: none !important;
}

/* =========================================
   Photo modal – preview card styling
   ========================================= */

#photo-upload-modal .dz-preview {
  border: 2px solid #6f82ff;          /* your blue */
  border-radius: 14px;
  padding: 16px;
  background: #fff;

  display: flex;
  flex-direction: column;
  align-items: center;

  max-width: 260px;
  margin: 0 auto;
}

#photo-upload-modal .dz-image {
  width: 100%;
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 12px;
}

#photo-upload-modal .dz-image img {
  width: 100%;
  height: auto;
  object-fit: cover;
  display: block;
}

#photo-upload-modal .dz-remove-system {
  margin-top: 8px;
  width: 140px;
}

/* =========================================
   Photo modal – disable Dropzone hover effects
   ========================================= */

#photo-upload-modal .dz-preview:hover .dz-image img {
  transform: none !important;
  filter: none !important;
  opacity: 1 !important;
}

#photo-upload-modal .dz-preview:hover {
  box-shadow: none !important;
}

/* =========================================
   Photo modal – larger preview image
   ========================================= */

#photo-upload-modal .dz-preview .dz-image {
  width: 100%;
  height: 260px;        /* was ~120px → about double */
  border-radius: 12px; /* match system styling */
  overflow: hidden;
}

#photo-upload-modal .dz-preview .dz-image img {
  width: 100%;
  height: 100%;
  object-fit: contain; /* IMPORTANT: no cropping */
}

#photo-upload-modal .dz-preview {
  margin-top: 10px;
}

.skyline-photo-card {
	cursor:pointer;
}

#editor-photo-meta {
  position: absolute;
  top: 80px;           /* below modal header */
  left: 20px;
  right: 20px;

  background: #ffffff;
  border: 1px solid #e2e8e5;
  border-radius: 8px;
  padding: 14px 16px;

  z-index: 10;
}

#editor-photo-meta .form-row {
  margin-bottom: 10px;
}

#editor-tab {
  position: relative;
}

/* Editor RHS photo metadata panel */
#editor-photo-meta {
  position: absolute;
  top: 20px;
  right: 60px !important;
  left:auto !important;

  width: 340px;
  max-width: calc(100% - 40px);

  background: #ffffff;
  border: 1px solid #e2e8e5;
  border-radius: 8px;
  padding: 14px 16px;

  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
  z-index: 50;

}

/* Tighten spacing inside editor meta panel */
#editor-photo-meta .form-row {
  margin-bottom: 12px;
}

#editor-photo-meta label {
  font-weight: 600;
  font-size: 13px;
  margin-bottom: 4px;
}

/* Ensure bootstrap-select behaves */
#editor-photo-meta .bootstrap-select {
  width: 100% !important;
}

#tui-image-editor-container {
  position: relative;
}

.rbt-default-sidebar-wrapper .rbt-default-sidebar-list li span {
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
}

/* Multi Image Upload: hide Dropzone's own thumbnails */
#multi-upload-dropzone .dz-preview{
	display:none !important;
}

/* Multi Image Upload: keep the "Drop files here" message visible even after files added */
#multi-upload-dropzone.dz-started .dz-message{
	display:block !important;
	opacity:1 !important;
}

.mt-photos-disabled {
	opacity: 0.6;
	pointer-events: auto;
}

/* Photos panel disabled state (before report exists) */
#step-photo-panel.mt-photos-disabled {
  opacity: 0.6;
}

#step-photo-panel.mt-photos-disabled .photo-actions button {
  pointer-events: none;
}

#step-photo-panel .mt-photo-helper {
  padding: 12px;
  font-size: 14px;
  opacity: 0.9;
}

.required {
	color: #c0392b;
	font-weight: bold;
	margin-left: 2px;
}

/* Stable full-width row */
.rbt-default-sidebar-list li > a {
  display: flex;
  align-items: center;
  width: 100%;
  box-sizing: border-box;
  position: relative;
  border-radius: 10px;
}

/* Active: padded greeny-grey bar */
.rbt-default-sidebar-list li > a.active {
  background: rgba(88, 96, 41, 0.14);   /* greeny-grey bar */
  font-weight: 700;
  padding: 10px 12px 10px 18px;         /* more padding, extra left space */
}

/* Left strip indicator */
.rbt-default-sidebar-list li > a.active::before {
  content: "";
  position: absolute;
  left: 0;
  top: 10%;
  bottom: 10%;
  width: 5px;
  border-radius: 5px;
  background: #586029;                  /* your requested colour */
}

/* Arrow on the right */
.rbt-default-sidebar-list li > a.active::after {
  content: "➜";
  margin-left: auto;
  opacity: 0.75;
  font-size: 16px;
  line-height: 1;
}

/* Ensure label uses remaining width cleanly */
.rbt-default-sidebar-list li > a > span {
  flex: 1 1 auto;
  min-width: 0;
}

/* Optional hover that matches theme */
.rbt-default-sidebar-list li > a:hover {
  background: rgba(88, 96, 41, 0.08);
}

.mt-topbar{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 12px;
  border-radius: 14px;
  border-left: 6px solid #586029;
  background: #eef1ec;
  margin: 6px 0 22px 0;
}

.mt-system-nav{
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}

.mt-system-nav-item{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  border-radius: 12px;
  text-decoration: none;
  color: #2f332a;
  background: rgba(255,255,255,0.65);
  border: 1px solid rgba(88,96,41,0.25);
  font-size: 14px;
  line-height: 1;
}

.mt-system-nav-item:hover{
  background: rgba(255,255,255,0.92);
  border-color: rgba(88,96,41,0.45);
}

.mt-system-nav-item.active{
  background: #dde3d7;
  border-color: rgba(88,96,41,0.6);
  font-weight: 600;
}

.mt-system-nav-item i{
  opacity: 0.85;
}

.mt-topbar-actions{
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: flex-end;
  white-space: nowrap;
}

/* RHS Photos panel container */
#step-photo-panel.step-photo-panel{
  background: #eef1ec;
  border: 2px dashed #586029;
  border-radius: 14px;
  padding: 12px;
}

/* Give the header/actions a little separation */
#step-photo-panel .photo-panel-header{
  margin-bottom: 10px;
}

/* Empty state */
#step-photo-panel .mt-photo-empty{
  background: rgba(255,255,255,0.6);
  border: 1px solid rgba(88,96,41,0.25);
  border-radius: 12px;
  padding: 16px 12px;
  text-align: center;
  color: #2f332a;
  margin-bottom: 10px;
}

#step-photo-panel .mt-photo-empty i{
  font-size: 34px;
  display: block;
  margin: 0 0 8px 0;
  opacity: 0.75;
}

#step-photo-panel .mt-photo-empty-title{
  font-weight: 600;
  margin-bottom: 4px;
}

#step-photo-panel .mt-photo-empty-sub{
  font-size: 13px;
  opacity: 0.9;
}

#mould-assessment-form h4 {
  font-size: 26px;
  margin-bottom: 10px;
  margin-top: 0;
}

.rbt-section-gap.rbt-section-gap-small {
		padding:20px 0 100px 0;
}

.sticky-top{
  top: 100px !important;
}

/* Add Photo modal -> match RHS photo panel look */
#photo-upload-modal .modal-content{
  background: #eef1ec;
  border: 2px dashed #586029;
  border-radius: 14px;
  overflow: hidden; /* keeps rounded corners clean */
}

#photo-upload-modal .modal-header{
  background: transparent;
  border-bottom: 0;
  padding: 14px 16px 10px 16px;
}

#photo-upload-modal .modal-title{
  font-weight: 700;
  color: #2f332a;
}

#photo-upload-modal .modal-body{
  padding: 14px 16px 10px 16px;
}

/* If you keep the nested modal-body, neutralise the inner padding */
#photo-upload-modal .modal-body .modal-body{
  padding: 0;
}

/* Footer like your system buttons, but with clean spacing */
#photo-upload-modal .modal-footer{
  border-top: 0;
  padding: 12px 16px 16px 16px;
  gap: 10px;
}

/* Make each row feel like your RHS inner card */
#photo-upload-modal .form-row{
  background: rgba(255,255,255,0.6);
  border: 1px solid rgba(88,96,41,0.25);
  border-radius: 12px;
  padding: 12px;
  margin-bottom: 12px;
}

/* Labels consistent */
#photo-upload-modal .form-row label{
  display: block;
  font-weight: 600;
  margin-bottom: 8px;
  color: #2f332a;
}

/* Inputs consistent */
#photo-upload-modal input[type="text"],
#photo-upload-modal select{
  width: 100%;
  border-radius: 10px;
  border: 1px solid rgba(88,96,41,0.25);
  padding: 10px 12px;
  background: rgba(255,255,255,0.9);
}

/* Dropzone: keep it on-brand */
#photo-upload-modal .mt-dropzone-modal{
  background: transparent;
}

#photo-upload-modal .dropzone{
  border: 2px dashed rgba(88,96,41,0.55);
  border-radius: 12px;
  background: rgba(255,255,255,0.65);
  padding: 16px;
}

#photo-upload-modal .dropzone .dz-button{
  background: transparent;
  border: 0;
  color: #2f332a;
  font-weight: 600;
}

/* Optional: make the close button look less "bootstrap default" on this background */
#photo-upload-modal .btn-close{
  opacity: 0.8;
}
#photo-upload-modal .btn-close:hover{
  opacity: 1;
}

.mt-photo-ghost{
  opacity: 0.6;
}

.mt-photo-reorder-hint{
  margin-top: 8px;
  font-size: 13px;
  color: #586029;
  opacity: 0.9;
  display: flex;
  align-items: center;
  gap: 8px;
}

.skyline-photo-card{ position: relative; }

.mt-photo-drag-handle{
  position: absolute;
  left: 10px;
  top: 10px;
  z-index: 2;
  cursor: grab;
  padding: 6px 8px;
  border-radius: 10px;
  background: rgba(255,255,255,0.80);
  border: 1px solid rgba(88,96,41,0.25);
}

.mt-photo-drag-handle:active{ cursor: grabbing; }

.step-photo-list{
  display: grid;
  grid-template-columns: 1fr; /* keep 1 column for now */
  gap: 12px;
}

.skyline-photo-card{
  background: rgba(255,255,255,0.65);
  border: 1px solid rgba(88,96,41,0.25);
  border-radius: 14px;
  padding: 10px;
}

.skyline-thumb{
  width: 100%;
  height: 180px;          /* key part: fixes the “giant image” issue */
  object-fit: cover;      /* or contain, but cover looks better for thumbs */
  border-radius: 12px;
  display: block;
}

.skyline-thumb{
  object-fit: contain;
  background: rgba(255,255,255,0.5);
}

.mt-photo-remove-btn{
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 2;
  cursor: pointer;
  padding: 6px 8px;
  border-radius: 10px;
  background: rgba(255,255,255,0.80);
  border: 1px solid rgba(88,96,41,0.25);
  color: #8a2f2f;
}

.mt-photo-remove-btn:hover{
  background: rgba(255,255,255,0.95);
  color: #b00000;
}

.rbt-short-title {
	font-weight: normal;
	letter-spacing: .12em;
}

.rbt-header .mainmenu-nav .mainmenu li.with-megamenu .rbt-megamenu.grid-item-2 {
  width: 300px;
  margin: 0 auto;
}

.mega-top-banner {
  background-image: url(../../siteimages/mouldbg2.png);
  background-position:cover;
  background-size:cover;
}


/* On smaller screens fall back to wrapping nicely */
@media (min-width: 1200px) and (max-width: 1360px){
	.rbt-header .logo a img {
	  max-height: 70px;
	  object-fit: cover;
	  padding: 10px 0;
	}
}

/* =========================
   Home page tweaks (buttons, bullets, services grid, logos)
   ========================= */

/* Smaller “after the dash” text on the tick list + stop skew */
.mt-home-bullet-sub{
  display: block;
  font-size: 12px;
  line-height: 1.35;
  opacity: 0.85;
  margin-top: 2px;
}

.rbt-list-style-2 li{
  align-items: flex-start;
}

.rbt-list-style-2 li .icon{
  flex: 0 0 34px;
  width: 34px;
  height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.rbt-list-style-2 li .icon i{
  transform: none !important;
}

/* 5-up services grid (responsive) */
.mt-home-services-grid{
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 18px;
}

@media (max-width: 1199.98px){
  .mt-home-services-grid{ grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 899.98px){
  .mt-home-services-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 575.98px){
  .mt-home-services-grid{ grid-template-columns: 1fr; }
}

.mt-home-service{
  display: flex;
  flex-direction: column;
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid rgba(87,95,40,.18);
  background: rgba(255,255,255,.75);
  text-decoration: none !important;
  height: 100%;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.mt-home-service:hover{
  transform: translateY(-2px);
  border-color: rgba(87,95,40,.30);
  box-shadow: 0 14px 24px rgba(47,49,32,.12);
}

.mt-home-service-thumb{
  height: 150px;
  background: rgba(87,95,40,.06);
}

.mt-home-service-thumb img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.mt-home-service-body{
  padding: 14px 14px 16px 14px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.mt-home-service-title{
  margin: 0;
  font-size: 16px;
  line-height: 1.25;
  color: var(--color-heading);
}

.mt-home-service-cta{
  margin-top: auto;
  font-weight: 600;
  font-size: 13px;
  color: var(--color-primary);
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

/* 5-logo tile grid (responsive) */
.mt-home-logos-grid{
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 18px;
  align-items: stretch;
}

@media (max-width: 991.98px){
  .mt-home-logos-grid{ grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 575.98px){
  .mt-home-logos-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

.mt-home-logo{
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
  border-radius: 16px;
  border: 1px solid rgba(87,95,40,.16);
  background: rgba(255,255,255,.85);
  text-decoration: none !important;
  min-height: 96px;
}

.mt-home-logo img{
  max-height: 70px;
  width: auto;
  max-width: 100%;
  object-fit: contain;
  display: block;
}

/* =========================
   Home page: match MT button style + fix tick circles
   ========================= */

/* Match the MT “other pages” button feel (but not scoped to .mtpage) */
a.mt-home-btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 12px 16px;
  border-radius: 12px;
  text-decoration: none;
  border: 1px solid rgba(0,0,0,0.15);
  position: relative;
  overflow: hidden;
  transform: translateZ(0);
  transition: transform .20s ease, box-shadow .20s ease, border-color .20s ease, background-size .65s ease;
}

a.mt-home-btn-primary{
  background-color: #586029;
  background-image: radial-gradient(circle at 50% 120%, #7d8a3a 0%, #7d8a3a 55%, rgba(125,138,58,0) 56%);
  background-repeat: no-repeat;
  background-position: 50% 100%;
  background-size: 0% 0%;
  color: #ffffff !important;
  border-color: transparent;
  box-shadow: 0 10px 18px rgba(47,49,32,.18);
}

a.mt-home-btn-primary:hover,
a.mt-home-btn-primary:focus{
  background-size: 260% 260%;
  transform: translateY(-2px);
  box-shadow: 0 14px 26px rgba(47,49,32,.22);
  color: #ffffff !important;
  text-decoration: none;
}

a.mt-home-btn-primary:active{
  transform: translateY(0);
  box-shadow: 0 9px 16px rgba(47,49,32,.18);
}

/* Home page tick bullets: prevent squashed circles */
.mt-home-bullets li{
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

.mt-home-bullets li .icon{
  flex: 0 0 34px;
  width: 34px;
  height: 34px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.mt-home-bullets li .icon i{
  transform: none !important;
}

.mt-home-bullets .mt-home-bullet-sub{
  display: block;
  font-size: 12px;
  line-height: 1.35;
  opacity: 0.85;
  margin-top: 2px;
}

/* Home logos: make them larger */
.mt-home-logo{
  min-height: 120px;
  padding: 18px;
}

.mt-home-logo img{
  max-height: 150px;   /* was 70 */
}

/* Home bullets: 50/50 label + small description */
.mt-home-bullet-content{
  display: flex;
  width: 100%;
  gap: 12px;
}

.mt-home-bullet-label{
  width: 50%;
  font-weight: 600;
}

.mt-home-bullet-sub{
  width: 50%;
  font-size: 11px;   /* smaller */
  line-height: 1.35;
  opacity: 0.80;
  margin-top: 0;     /* override earlier block-style spacing */
}

/* Stack on small screens */
@media (max-width: 575.98px){
  .mt-home-bullet-content{ flex-direction: column; gap: 4px; }
  .mt-home-bullet-label, .mt-home-bullet-sub{ width: 100%; }
}

/* Give breathing room under the home page logo strip */
.mt-home-logos-grid{
  margin-bottom: 48px;   /* was effectively 0 */
}

/* =========================
   Header megamenu alignment fix
   ========================= */

/* Make the menu item the anchor for its megamenu */
.rbt-header .mainmenu-nav .mainmenu li.with-megamenu.position-static{
  position: relative !important;
}

/* Stop centering the megamenu in the header; pin it under the hovered item */
.rbt-header .mainmenu-nav .mainmenu li.with-megamenu .rbt-megamenu.grid-item-2{
  margin: 0 !important;     /* overrides margin:0 auto */
  left: 0 !important;
  right: auto !important;
  transform: none !important;
}


.rbt-header .mainmenu-nav .mainmenu li.with-megamenu .rbt-megamenu.grid-item-2{
  margin: 0 !important;
  left: 50% !important;
  right: auto !important;
  transform: translateX(-50%) !important;
}

#system-features{
  scroll-margin-top: 110px; /* adjust to header height */
}