/*
Theme Name: CTSI Original WP7 Theme
Theme URI: https://www.ctsi.com.sg/
Author: Microsoft 365 Copilot
Description: WordPress theme recreated closely from the original CT Scientific Pte Ltd website using supplied logo/banner, microscope panel, manufacturer icons and original blue/grey styling.
Version: 2.0.0
Requires at least: 6.0
Tested up to: 7.0
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ctsi-original-wp7
Tags: business, custom-menu, custom-logo, featured-images, responsive-layout, two-columns
*/

:root{
  --ctsi-page-blue:#66B0F0;
  --ctsi-dark:#313146;
  --ctsi-dark-2:#26273a;
  --ctsi-cyan:#19b9ff;
  --ctsi-panel:#aab5d4;
  --ctsi-panel-dark:#8999be;
  --ctsi-nav:#c3ccdd;
  --ctsi-nav-border:#eef3fb;
  --ctsi-text:#243044;
  --ctsi-muted:#52617a;
  --ctsi-white:#ffffff;
}
*{box-sizing:border-box}
html{font-size:16px}
body{
  margin:0;
  background:var(--ctsi-page-blue);
  color:var(--ctsi-text);
  font-family:Arial, Helvetica, sans-serif;
  font-size:13px;
  line-height:1.45;
	background-position: left top;
  background-image: url(https://www.ctsi.com.sg/wp-content/uploads/2026/07/bg_header.jpg);
	background-repeat: repeat-x;
	background-size:fixed;   /* ensures the image scales */
  height: 280px;      
}
a{color:#174f92;text-decoration:none}
a:hover{text-decoration:underline}
.ctsi-shell{max-width:940px;margin:0 auto;padding:22px 20px 32px}
.ctsi-card{

}
.ctsi-nav-wrap{
  background:linear-gradient(180deg,#dee4ef 0%,#aebbd2 100%);
  border:1px solid #eef3fb;
  border-radius:18px;
  padding:5px 10px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.92),0 2px 4px rgba(0,0,0,.18);
  margin:0 auto 18px;
}
.ctsi-menu{display:flex;align-items:center;justify-content:center;gap:0;list-style:none;margin:0;padding:0;flex-wrap:wrap}
.ctsi-menu li{position:relative;margin:0;padding:0}
.ctsi-menu li+li:before{content:"";position:absolute;left:0;top:7px;width:1px;height:18px;background:#8fa0b8;border-right:1px solid #f3f7fc}
.ctsi-menu a{display:block;padding:8px 16px;color:#26314a;font-size:12px;font-weight:bold;text-transform:uppercase;letter-spacing:.2px;text-shadow:0 1px 0 #fff}
.ctsi-menu a:hover{color:#053a77;text-decoration:none}
.ctsi-brand{padding:2px 0 0px;text-align:left}
.ctsi-site-title{margin:0;color:var(--ctsi-cyan);font-size:30px;font-weight:normal;letter-spacing:.3px;line-height:1.1}
.ctsi-site-title a{color:var(--ctsi-cyan)}
.ctsi-tagline{margin:3px 0 0;color:#e6f6ff;font-size:12px}
.ctsi-hero{margin:0 0 15px;overflow:hidden;border-radius:12px;border:1px solid #808dad;background:var(--ctsi-panel);box-shadow:inset 0 1px 0 rgba(255,255,255,.45)}
.ctsi-hero img{display:block;width:100%;height:auto}
.ctsi-main-grid{display:grid;grid-template-columns:245px 1fr;gap:16px;margin-top:0}
.ctsi-panel{background:linear-gradient(180deg,#b9c3dc 0%,#9aa8ca 100%);border-radius:14px;border:1px solid #d8def0;box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 2px 5px rgba(0,0,0,.18);overflow:hidden}.ctsi-panel-title{margin:0;padding:9px 14px;color:#fff;background:linear-gradient(180deg,#596986,#3c4a66);font-size:16px;font-weight:bold;text-shadow:0 1px 1px rgba(0,0,0,.45);border-bottom:1px solid rgba(255,255,255,.35)}

.ctsi-panel-title{margin:0;padding:9px 14px;color:#fff;background:linear-gradient(180deg,#596986,#3c4a66);font-size:16px;font-weight:bold;text-shadow:0 1px 1px rgba(0,0,0,.45);border-bottom:1px solid rgba(255,255,255,.35)}
.ctsi-manufacturers{padding:12px;background:#eef3fa}
.ctsi-logo-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 10px}
.ctsi-logo-cell{height:42px;background:#fff;border:1px solid #d5dcea;border-radius:5px;display:flex;align-items:center;justify-content:center;padding:5px;box-shadow:0 1px 2px rgba(0,0,0,.08)}
.ctsi-logo-cell img{max-width:100%;height:auto;max-height:32px}
.ctsi-logo-cell.tall{height:56px;grid-column:span 1}
.ctsi-logo-cell.tall img{max-height:48px}

.ctsi-welcome {
  position: relative;
  min-height: 520px;

  background-repeat: no-repeat;
  background-position: top right;
  background-size: 100%;
}

.ctsi-welcome-content {
  position: relative;
  z-index: 2;
  padding-left: 150px;
  max-width: 100%;
  color: #ffffff;
}

.ctsi-welcome h1 {
  margin: 0 0 10px;
  color: #ffffff;
  font-size: 22px;
  line-height: 1.2;
  text-shadow: 0 1px 1px #51617e;
}

.ctsi-welcome p {
  margin: 0 0 9px;
  color: #ffffff;
}

.ctsi-readmore {
  font-size: 12px;
  font-weight: bold;
  color: #164c8c;
}


.ctsi-readmore{font-size:12px;font-weight:bold;color:#164c8c}

.ctsi-bottom{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:18px 0 6px}
.ctsi-mini h2{font-size:16px;margin:0 0 9px;color:#18273f}
.ctsi-mini{padding:12px 16px 14px;background:rgba(255,255,255,.15);border-top:1px solid rgba(255,255,255,.35);border-radius:10px}
.ctsi-mini ul{margin:0 0 8px 0;padding:0;list-style:none}
.ctsi-mini li{padding:2px 0 2px 13px;position:relative;color:#b1bbd7}
.ctsi-mini li:before{content:"-";position:absolute;left:0}
.ctsi-mini a{color:#fff;font-weight:bold}

.ctsi-content-page{background:#66B0F0;border-radius:12px;padding:10px;margin-top:5px;min-height:280px}
.ctsi-content-page h1{margin-top:0;color:#26314a}
.ctsi-entry{font-size:14px;background:#66B0F0;}
.ctsi-post-list article{background:#b1bbd7;border-radius:10px;margin:0 0 15px;padding:18px}
.ctsi-footer{border-top:solid 1px black;max-width:940px;margin:12px auto 0;padding:14px 20px 22px;text-align:center;color:#234; font-size:12px} 
.ctsi-footer a{color:#174f92}

img{max-width:100%;height:auto}
.screen-reader-text{position:absolute;left:-9999px}
.wp-caption{max-width:100%}
.aligncenter{display:block;margin-left:auto;margin-right:auto}
.alignleft{float:left;margin-right:1em}
.alignright{float:right;margin-left:1em}

@media(max-width:760px){
	.ctsi-shell{padding:12px}
	.ctsi-card{padding:10px;border-radius:0 0 12px 12px}
	.ctsi-menu a{padding:7px 9px;font-size:11px}
	.ctsi-site-title{font-size:24px;text-align:center}
	.ctsi-tagline{text-align:center}
	.ctsi-main-grid,.ctsi-bottom{grid-template-columns:1fr}
	.ctsi-logo-grid{grid-template-columns:repeat(3,1fr)}
	.ctsi-welcome-content{padding-bottom:120px}.ctsi-welcome h1{font-size:20px}}

@media(max-width:480px){
	.ctsi-logo-grid{grid-template-columns:1fr 1fr}
	.ctsi-menu{justify-content:center}
	.ctsi-menu li+li:before{display:none}}

.ctsi-services-products {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
    margin-top: 25px;
}

.ctsi-mini {
    background: rgba(255,255,255,0.25);
    padding: 12px;
    border-radius: 8px;
}

.ctsi-mini h2 {
    font-size: 16px;
    margin: 0 0 10px;
    color: #18273f;
}

.ctsi-mini ul {
    margin: 0 0 10px 0;
    padding-left: 15px;
	color:#000000;
}

.ctsi-mini li {
    margin-bottom: 3px;
		color:#000000;
}

@media (max-width: 768px) {
    .ctsi-services-products {
        grid-template-columns: 1fr;
    }
}

c