.blogs-content-box .blogs-inner-content > *:nth-child(n+3) {
	display: none;
}
.blogs-content-box .blogs-inner-content > .blogs-read-more-btn {
	display: block !important;
}
#principals .background-overlay-color{
	 background: #74b5f7;
}
#shipments-tracking{
	display:none;
}
#principals .owl-carousel,
#principals .principals-content-box,
#principals .animation-principals {
    visibility: visible !important;
    opacity: 1 !important;
}
#principals .animation-principals {
    height: 100%;
    background: #D3D7DF;
    padding: 14px 14px 0;
    border-radius: 15px;
    border: 3px solid #D3D7DF;
    overflow: hidden;
    position: relative;
    transition: all 0.3s ease;
    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.08);
}

#principals .principals-images {
    position: relative;
    width: 100%;
    height: 230px;
    overflow: hidden;
    background: #D3D7DF;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
}

#principals .principals-images img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    padding: 8px;
    display: block;
    background: #D3D7DF;
    transition: all 0.4s ease;
}

#principals .principals-inner-content {
    padding: 20px 20px 24px;
    background: #D3D7DF;
}
  .wp-block-group.has-luminous-vivid-amber-border-color {
      border-color: #132e41 !important;
      border-width: 2px !important;
      border-radius: 12px !important;
  }

/* Shorten the interior-page title banner */
.banner-image {
	padding: 40px 0 !important;
}

/* Vertically center the Principals carousel arrows on the gray boxes, not the full widget (which includes the dots row below) */
#principals .owl-nav .owl-prev,
#principals .owl-nav .owl-next {
    top: calc(50% - 23.75px);
    bottom: auto;
    margin-top: 0;
    margin-bottom: 0;
    transform: translateY(-50%);
}

/* Hide Starts On / Ends On / Rating boxes on single Case Study pages (unused demo fields, never had real data) */
.single-case-studies-date-box,
.single-case-studies-rating-box {
    display: none;
}

/* Sitewide box border color: gold/orange (#fba704) -> brand navy #132e41 (2026-09-01) */
.banner-counter-contant,
.banner-buttons-box .banner-button1 a:hover,
.banner-buttons-box .banner-button2 a,
.pagination a,
.page-numbers li,
.current,
#sidebar aside.widget,
.contact-box,
.services-content-box:hover,
.case-studies-content-box,
.view-full-case-button a,
.blogs-read-more-btn a,
.single-services-contact-details,
.service-para-box,
.accordion-item,
.blogs-content-box:hover,
.copyright-top-button,
.single-services-button a,
.read-moresec a {
    border-color: #132e41 !important;
}

/* "Read More" buttons: gold/orange text -> brand navy #132e41, hover fill also navy (2026-09-01) */
.blogs-read-more-btn a {
    color: #132e41 !important;
}
.blogs-read-more-btn a:hover {
    background: #132e41 !important;
    color: #fff !important;
}

/* Blog pagination "current page" box: gold/orange -> #69a1d2 (2026-09-01) */
.page-numbers.current {
    background-color: #69a1d2 !important;
    border-color: #69a1d2 !important;
}

/* Blog pagination number hover: gold/orange -> #b7b7b9 (2026-09-01) */
.pagination a:hover {
    background: #b7b7b9 !important;
}

/* Blog article title hover (on card hover): gold/orange -> #69a1d2 (2026-09-01) */
.blogs-content-box:hover .blogs-inner-content h4 a {
    color: #69a1d2 !important;
}

/* Service/Principal page sidebar pill-tabs: gold/orange -> navy border+text, blue active-tab text (2026-09-01) */
.nav-pills {
    border-color: #132e41 !important;
}
.nav-pills .nav-link {
    color: #132e41 !important;
}
.nav-pills .nav-link.active {
    color: #69a1d2 !important;
}

/* "Our Principals" (Principal pages) / "Related Services" (Service pages) section, "Manufacturing Solutions" box, Contact Info box, and "Send an RFQ" button: gold/orange -> #69a1d2 (2026-09-01) */
.related-services h3 {
    color: #69a1d2 !important;
}
.services-images a i {
    background: #69a1d2 !important;
}
.transport-services-box h4 {
    color: #69a1d2 !important;
}
.single-services-contact-details h2 {
    color: #69a1d2 !important;
}
.single-services-contact-details i {
    background: #69a1d2 !important;
}
.single-services-button a {
    color: #69a1d2 !important;
}
.single-services-button a:hover {
    background: #69a1d2 !important;
}

/* Hide the Home / [Page] breadcrumb line under interior page titles, keep the banner/title itself */
.banner-image .bradcrumbs {
	display: none !important;
}

/* Principal logos: don't crop/enlarge into the wide photo box (shared with Services/Industries pages) -- fit the whole logo instead */
.single-principals .single-services-image img {
	object-fit: contain !important;
}

/* Page-load screen: replace the 3-bar loader with a "W" (Weigel) shape in brand blue,
   dot bounces across the W's 3 top points. CSS only -- reuses the existing .loader
   element (:before draws the masked W shape, :after is the independent bouncing dot --
   kept as a SEPARATE pseudo-element because a mask on .loader itself would clip
   everything inside it, including the dot, whenever the dot moves off the W stroke). */
.loader {
	width: 48px !important;
	height: 32px !important;
	background: none !important;
	-webkit-mask-image: none !important;
	mask-image: none !important;
}
.loader:before {
	content: "" !important;
	position: absolute !important;
	left: 0 !important;
	top: 0 !important;
	width: 100% !important;
	height: 100% !important;
	border-radius: 0 !important;
	background: #69a1d2 !important;
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='32' viewBox='0 0 48 32'%3E%3Cpolyline points='4,6 16,28 24,14 32,28 44,6' fill='none' stroke='black' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='32' viewBox='0 0 48 32'%3E%3Cpolyline points='4,6 16,28 24,14 32,28 44,6' fill='none' stroke='black' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-size: contain;
	mask-size: contain;
	animation: none !important;
}
.loader:after {
	content: "" !important;
	position: absolute !important;
	width: 8px !important;
	height: 8px !important;
	border-radius: 50% !important;
	background: #fff !important;
	left: 0px;
	top: 2px;
	animation: loaderWBounce 3s ease-in-out infinite;
}
@keyframes loaderWBounce {
	0%   { left: 0px;  top: 2px;  }
	8%   { left: 0px;  top: -8px; }
	16%  { left: 0px;  top: 2px;  }
	25%  { left: 20px; top: 10px; }
	33%  { left: 20px; top: 0px;  }
	41%  { left: 20px; top: 10px; }
	50%  { left: 40px; top: 2px;  }
	58%  { left: 40px; top: -8px; }
	66%  { left: 40px; top: 2px;  }
	75%  { left: 20px; top: 10px; }
	83%  { left: 20px; top: 0px;  }
	91%  { left: 20px; top: 10px; }
	100% { left: 0px;  top: 2px;  }
}


/* Recolor the "Manufacturing Insights & Innovations" blog carousel arrows (homepage)
   and the "back to top" button arrow from orange to brand blue (69a1d2). */
#blogs .owl-nav button i {
	color: #69a1d2 !important;
}
#blogs .owl-nav button i:hover {
	color: #132e41 !important;
}
.copyright-top-button button i {
	color: #69a1d2 !important;
}
.copyright-top-button:hover button i {
	color: #132e41 !important;
}


/* Disable page preloader (faster first paint) */
.preloader { display: none !important; }



/* Case Studies: "Solution" image label gold (#ffcc01) -> brand light blue #69a1d2; "View Full Case Study" button orange text -> light blue, navy hover (2026-10-06) */
.case-studies-solution-image h6 {
    color: #69a1d2 !important;
}
.view-full-case-button a {
    color: #69a1d2 !important;
    background: #ffffff !important;
}
.view-full-case-button a:hover,
.view-full-case-button a:focus {
    color: #ffffff !important;
    background: #132e41 !important;
    border-color: #132e41 !important;
}