/* css for mainwaysolutions.ca */
body {
    color: #222;
		background: -webkit-linear-gradient(#e8f5f1 0%, #cde7df 60%, #b8d8cf 85%, #a9b5b0 100%);
	/*	background: -o-linear-gradient(#e8f5f1 0%, #cde7df 60%, #b8d8cf 85%, #a9b5b0 100%); */
/*		background: linear-gradient(#e8f5f1 0%, #cde7df 60%, #b8d8cf 85%, #a9b5b0 100%); */
    background-attachment: fixed;
    font-family: "Inter", sans-serif;
	  font-size: 17px;
		line-height:1.5;
}

/* -------------------------------------------------
   MAINWAY SOLUTIONS — Unified Navbar Styles
   ------------------------------------------------- */
/* Center the entire header */
.header {
    display: flex;
    justify-content: center;
    width: 100%;
}

/* Navbar container */
.mws-navbar,
.navbar {
    background: #FFFFFF;
    border-bottom: 1px solid #243447;
    padding: 0.6rem 0;
    color: #000000;

    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
}

/* Center brand + toggler block */
.navbar > .container-xxl {
    display: flex;
    flex-direction: row;
    align-items: center;
}

//* No wrap on XL+ */
@media (min-width: 1200px) {
    .navbar,
    .mws-navbar,
    .navbar-nav,
    .mws-nav-list {
        flex-wrap: nowrap !important;
    }

    /* Put brand + nav on same row */
    .navbar > .container-xxl {
        flex-direction: row !important;
    }

    /* Ensure nav stays on the same line */
    .navbar-collapse {
        flex-grow: 1;
    }
}

/* Allow wrapping below XL */
@media (max-width: 1199px) {
    .navbar-nav,
    .mws-nav-list {
        flex-wrap: wrap;
        justify-content: center;
        width: 100%;
    }
}

@media (min-width: 992px) {
    .navbar .dropdown:hover .dropdown-menu {
        display: block;
    }

    .navbar .dropdown-toggle::after {
        margin-left: .4rem;
    }
}
/* Logo */
.mws-logo {
    height:70px;
    width: auto;
}

/* Brand text */
.mws-brand-text {
    line-height: 1.1;
    text-align: left;
		white-space: nowrap;
}

.mws-brand-title {
    font-size: 1.2rem;
    font-weight: 700;
    color: #000000;
    letter-spacing: 0.03em;
		white-space: nowrap;
}

.mws-brand-sub {
    font-size: 0.9rem;
    color: #111111;
    letter-spacing: 0.12em;
		white-space: nowrap;
}

/* Nav links */
.mws-nav-list .nav-link {
    color: #000000;
    font-size: 1.15rem;
    padding: 0.4rem 1rem;
    font-weight: 700;
}

.mws-nav-list .nav-link:hover,
.mws-nav-list .nav-itemactive .nav-link {
    color: #1fbf6b;
}

/* Toggler */
.mws-toggler {
    padding: 2px 4px !important;
    min-height: 32px !important;
    border-width: 1px !important;
    display: flex;
    align-items: center;
    justify-content: center;
	  color:white;
		background-color:black;
}

.mws-toggler i {
    font-size: 1.2rem;
    line-height: 1;
}

/* -------------------------------------------------
   CART BUTTON
   ------------------------------------------------- */
.mws-cart-btn {
    border-radius: 999px;
}

/* Mobile adjustments */
@media (max-width: 576px) {
    .mws-logo {
        height: 70px;
    }
}
/* -------------------------------------------------
   Product Gage
   ------------------------------------------------- */
.badge-wrap {
    white-space: normal;     /* allow wrapping */
    display: inline-block;   /* badge stays inline but can wrap */
    max-width: 99%;          /* optional: prevents overflow */
    text-align: left;       /* keeps it aligned to the corner */
}

/* Industrial / Mechanical Theme */
.hero-industrial {
    background: linear-gradient(
        rgba(0,0,0,0.55),
        rgba(0,0,0,0.75)
    ),
    url('images/homepage/metal-bg.jpg');
    background-size: cover;
    background-position: center;
    padding: 80px 20px;
    border-bottom: 6px solid #ffc107; /* hazard yellow */
		min-height: 260px; /* <-- REQUIRED */
}

.hero-industrial h1 {
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.section-divider {
    height: 6px;
    background: repeating-linear-gradient(
        45deg,
        #ffc107,
        #ffc107 10px,
        #222 10px,
        #222 20px
    );
    margin: 40px 0;
}

/* footer option 1 */
.mws-footer {
    background: #1a1a1a;
    border-top: 1px solid #243447;
    padding: 2rem 0;
    color: #ffffff;
    font-size: 0.85rem;
}

.mws-footer-inner {
    margin: 0 auto;
    padding: 0 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 1.4rem;
}

.mws-footer-brand {
    text-align: center;
}

.mws-footer-title {
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: 0.04em;
}

.mws-footer-sub {
    font-size: 0.75rem;
    color: #8a96a8;
}

.mws-footer-links {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1rem;
}

.mws-footer-links a {
    color: #c7d0dd;
    text-decoration: none;
}

.mws-footer-links a:hover {
    color: #1fbf6b;
}

.mws-footer-copy {
    text-align: center;
    font-size: 0.75rem;
    color: #8a96a8;
}


/* MOBILE */
@media (max-width: 991px) {
    .mws-brandbar {
        justify-content: center;
        padding: 20px 0;
    }

    .mws-nav-list .nav-link {
        padding: 14px;
        text-align: center;
    }
}


@media print {
  @page {
    size: 330mm 427mm;
    margin: 14mm;
  }
	.container {
	font-size:1.2rem;	
  } 
	.table-sm {
	font-size:1.1rem;	
  }
  .pagebreak { 
	page-break-before: always;
  }
}

/* label for new product */
.product-image {
	position: relative;
}
.product-image .new-product {
   	position: absolute;
	top:1;
	left:1;
}
.product-image .product-alert {
   	position: absolute;
	top:0;
	left:0;
}

.bg-hero {
    background: linear-gradient(
        rgba(0,0,0,0.55),
        rgba(0,0,0,0.75)
    );
    padding: 3rem 0;
    min-height: 100px;
}

.bg-hero-bottom {
    border-bottom: 6px solid #ffc107;
}

.bg-hero-top {
    border-top: 6px solid #ffc107;
}

@media (max-width: 768px) {
    .bg-hero {
        padding: 2.5rem 0;
    /*    min-height: 180px; */
    }
}

.bg-hero-top {
    border-top: 6px solid #ffc107;
}

.bg-ms {
    background-color: #005a8d !important;
    color: #fff;
}
.bg-ms-g {
    background: linear-gradient(135deg, #005a8d, #007bbf);
    color: #fff;
}
.bg-ms {
    background-color: #005a8d !important;
    color: #fff !important;
}

.bg-ms-dark {
    background-color: #00466f !important;
    color: #fff !important;
}

.bg-ms-medium {
    background-color: #007bbf !important;
    color: #fff !important;
}

.bg-ms-light {
    background-color: #6fb3d9 !important;
    color: #00324d !important;
}

.bg-ms-ultra {
    background-color: #d9e8f2 !important;
    color: #00324d !important;
}

.text-ms { color: #005a8d !important; }
.text-ms-dark { color: #00466f !important; }
.text-ms-medium { color: #007bbf !important; }

.btn-ms {
    background-color: #005a8d !important;
    border-color: #005a8d !important;
    color: #fff !important;
}

.btn-ms:hover {
    background-color: #00466f !important;
    border-color: #00466f !important;
}

.bt-ms-1 {border-top: solid 1px rgba(70,130,180,1.00);}
.bb-ms-1 {border-bottom: solid 1px rgba(70,130,180,1.00);}
.bb-ms-2 {border-bottom: solid 2px rgba(70,130,180,1.00);}

.bg-ms-100 {background-color: rgba(70,130,180,1.00);}
.bg-ms-50 {background-color: rgba(70,130,180,.50);}
.bg-ms-25 {background-color: rgba(70,130,180,.25);}
.bg-banner {background-color: rgba(212,239,255,1.00);}

.bg-yellow {background-color: rgba(255,255,125,.75);}
.bg-black {background-color: black;}
.bg-gainsboro {background-color: gainsboro;}
.bg-lightyellow {background-color: lightyellow;}
.bg-lightgreen {background-color: lightgreen;}
.bg-yellow { background-color: yellow; }
.bg-green {	background-color: green; }
.bg-red { background-color: red }
.bg-silver { background-color: silver;}
.bg-lightgray {	background-color: lightgray}
.bg-dodgerblue { background-color: dodgerblue}

/* botsc-colors */
.bg-header-color{ background-color: rgba(135,206,250,0.25);}
.bg-whitesmoke { background-color: #F5F5F5; }
.bg-black {	background-color: black; }
.bg-blue {	background-color: blue; }
.bg-darkblue { background-color:darkblue; }
.bg-aliceblue { background-color:aliceblue; }
.bg-red { background-color:red;}
.bg-white { background-color:white; }
.bg-skyblue { background-color:rgb(135,206,235,1.00); }
.bg-skyblue-50 { background-color:rgb(135,206,235,.50); }
.bg-skyblue-25 { background-color:rgb(135,206,235,.25); }
.bg-lightskyblue { background-color:lightskyblue; }
.bg-palegreen { background-color:palegreen }
.bg-paleblue { background-color:#A5CEE4; }
.bg-shyblue { background-color:rgba(222,242,254,1.00); }
.bg-shyblue-50 { background-color:rgba(222,242,254,0.50); }
.bg-shyblue-25 { background-color:rgba(222,242,254,0.25); }
.bg-mw-green {	background-color: rgba(191,232,191,1.00); }

.bdt-3 { border-top: solid 3px #507D00; }
.bdb-3 { border-bottom: solid 3px #507D00; }
.bdt-2 { border-top: solid 2px #507D00; }
.bdb-2 { border-bottom: solid 2px #507D00; }
.bdt-1 { border-top: solid 1px #507D00; }
.bdb-1 { border-bottom: solid 1px #507D00; }


.mw-000 {max-width:100%;}
.mw-50 {max-width:50px;}
.mw-80 {max-width:80px;}
.mw-100 {max-width:100px;}
.mw-150 {max-width:150px;}
.mw-200 {max-width:200px;}
.mw-300 {max-width:300px;}
.mw-350 {max-width:350px;}
.mw-400 {max-width:400px;}
.mw-500 {max-width:500px;}
.mw-600 {max-width:600px;}
.mw-700 {max-width:700px;}
.mw-900 {max-width:900px;}
.mw-960 {max-width:960px;}
.mw-1000 {max-width:1000px;}
.mw-1200 {max-width:1200px;}
.mw-1320 {max-width:1320px;}
.mw-1400 {max-width:1400px;}
.mw-1600 {max-width:1600px;}

.wd-50 {width:50px;}
.wd-60 {width:60px;}
.wd-75 {width:75px;}
.wd-80 {width:80px;}
.wd-100 {width:100px;}
.wd-150 {width:150px;}
.wd-190 {width:190px;}
.wd-200 {width:200px;}
.wd-250 {width:250px;}
.wd-300 {width:300px;}
.wd-350 {width:350px;}
.wd-400 {width:400px;}
.wd-500 {width:500px;}
.wd-700 {width:700px;}
.miw-150 {min-width:150px;}
.miw-175 {min-width:175px;}
.miw-200 {min-width:200px;}

.table-wrapper {
    display: inline-block;
    width: auto;
    max-width: 100%;
}
/*account for sticky header */
html {
    scroll-padding-top: 120px;
}

/*mainwaysolutions shop buttons 
.btn-mws-1 {
	color: rgba(34,34,34,1.00);
	background-color: rgba(212,239,255,1.00);
	border-color: rgba(70,130,180,1.00);
}
.btn-mws-1:hover {
	color: rgba(34,34,34,1.00);
	background-color: rgba(212,239,255,1.00);
	border-color: rgba(70,130,180,1.00);
}
.btn-mws-2 {
	color: rgba(255,255,255, 1.00);
	background-color: rgba(70,130,180,1.00);
	border-color: rgba(70,130,180,1.00);
}
.btn-mws-2:hover{
	color: rgba(0,0,0,1.00);
	background-color: rgba(212,239,255,1.00);
	border-color: rgba(70,130,180,1.00);
}

/* db button 
.btn-ms {
	color: rgba(0, 0, 0, 0.75);
	background-color: rgba(204,213,153,1.00);
	border-color: rgba(204,213,153,1.00);
}
.btn-ms:hover {
	color: rgba(0,0,102,1.00);
	text-decoration: none;
	background-color: rgba(235,241,222,1.00);
	border-color: rgba(204,213,153,1.00);
}
.btn-ms a:hover {
	color: rgba(0,0,102,1.00);
	background-color: rgba(235,241,222,1.00);
	border-color: rgba(204,213,153,1.00);
	text-decoration: none;
}


/* font css */
.font-8 {
	font-size:.8em;
}
.font-9 {
	font-size:.9em;
}
.font-11 {
	font-size:1.1em;
}
.font-12 {
	font-size:1.2em;
}
.semi-bold {
	font-weight: 600;
}
.spacing-25 {
	letter-spacing: 0.025em;
}
.spacing-50 {
	letter-spacing: 0.05em;
}
.lh-13 {
	line-height: 1.3rem;
}
.lh-12 {
	line-height: 1.2rem;
}
.lh-11 {
	line-height: 1.1rem;
}
.lh-10 {
	line-height: 1.0rem;
}

.form-control,
.form-select,
.form-check-input {
    border: 1px solid #6c757d !important;
}

/* print page */
@media print {
    .pagebreak { page-break-before: always;}
	.dontprint { display: none; }
 	thead {display: table-header-group;}
}