/* Contact Page Background */
body.page-id-611 {
    background-image: url('https://cmindustries.com/wp-content/uploads/2024/11/Building.png');
    background-size: cover; /* or contain, depending on your preference */
    background-position: center; /* adjust as needed */
    background-repeat: no-repeat; /* adjust as needed */
}

/* Robotic Torches Page aka 184 */
.page-id-184 {
    background-color: #f0f0f0;
}
	

a:hover {
	cursor: pointr !important;   /* Ensures hand cursor */
    text-decoration: underline;
}

/* Tech Info Page Background */
body.page-id-202 {
    background-image: url('https://cmindustries.com/wp-content/uploads/2024/11/IMG_7312.jpg');
    background-size: cover; /* or contain, depending on your preference */
    background-position: center; /* adjust as needed */
    background-repeat: no-repeat; /* adjust as needed */
}

span.superscript-r::after {
  content: "®";
  font-size: 49%;
  vertical-align: super;
  display: inline-block;
  transform: translate(-2px, -1px);
}


@media only screen and (max-width: 768px) {
  /* Constrain all images */
  img {
    max-width: 100% !important;
    height: auto !important;
    display: block;
    margin: 0 auto;
  }

  /* Colibri-specific image wrappers (if any) */
  .colibri-image-wrapper,
  .colibri-image-block,
  .colibri-image {
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden;
    text-align: center;
  }

  /* Force sections and rows to behave on mobile */
  .colibri-section,
  .colibri-row,
  .colibri-container,
  .colibri-inner-container {
    max-width: 100% !important;
    padding: 10px !important;
    box-sizing: border-box;
  }

  /* Optional: reduce overly tall image sections */
  .colibri-section img {
    max-height: 300px !important;
    object-fit: cover;
  }
}

/*Logo and menu scale*/
.header-logo img {
  max-width: 100%;
  height: auto;
  width: auto;
  max-height: 60px; /* Adjust this to your preference */
}

@media (max-width: 1024px) {
  .header-logo img {
    max-height: 45px;
  }
}

@media (max-width: 768px) {
  .header-logo img {
    max-height: 35px;
  }
}


/* Table press code */

/* Override for specific table with yellow header */
#tablepress-26 th,
#tablepress-27 th,
#tablepress-28 th,
#tablepress-29 th,
#tablepress-30 th,
#tablepress-31 th,
#tablepress-32 th,
#tablepress-33 th,
#tablepress-34 th {
	background-color: #D4af37; /* Gold */
	color: black; /* Use black text for contrast */
}

/* Entire table border */
.tablepress {
	border: 4px solid black;
	border-collapse: collapse;
}

.tablepress td,
.tablepress th {
	border: 2px solid black; /* Light gray borders for cells */
	padding: 5px;
}

.tablepress td,
.tablepress th {
	padding-left: 15px; /* Adjust the number to your liking */
}

/* Alternating row colors */
.tablepress tbody tr:nth-child(even) {
	background-color: #E6E6E6;
}

.tablepress tbody tr:hover {
	background-color: #d9f0ff; /* Replace with your preferred color */
}

.tablepress td {
	vertical-align: middle !important;
}

.rotate-ccw {
	display: inline-block; /* vertical, top to bottom */
	transform: rotate(-90deg); /* flip to bottom to top (90° CCW) */
	white-space: nowrap;
	text-align: center;
	min-height: 70px; /* Ensures space is reserved */
}

.center-header {
	display: block;
	text-align: center;
}

#tablepress-26 th,
#tablepress-26 td,
#tablepress-27 th,
#tablepress-27 td,
#tablepress-28 th,
#tablepress-28 td,
#tablepress-29 th,
#tablepress-29 td,
#tablepress-30 th,
#tablepress-30 td,
#tablepress-31 th,
#tablepress-31 td,
#tablepress-32 th,
#tablepress-32 td,
#tablepress-33 th,
#tablepress-33 td,
#tablepress-34 th,
#tablepress-34 td {
	padding-left: 0 !important; /* Or whatever padding you prefer */
	text-align: center; /* Horizontally center text */
	vertical-align: middle; /* Vertically center text */
}

.tablepress th {
	background-color: #007AC3; /* Change to your desired color */
	color: white; /* Text color */
}