@charset "UTF-8";
/* CSS Document */

:root{
  --msky-primary:#1e3a8a; /* deep blue */
  --msky-accent:#22c55e;  /* green CTA */
  --msky-dark:#0b1226;
  --msky-muted:#6b7280;
  --msky-bg:#EEE; /* Orig: #f8fafc */
  --msky-blue:#00BCDD; /* Logo Blue */
}
body{background:var(--msky-bg)}
.navbar{box-shadow: 0 10px 30px rgba(2,6,23,.06)}
.btn-cta{background:var(--msky-accent); border:none}
.btn-cta:hover{filter:brightness(.95)}
.hero, 
.commercial_hero, 
.internet_hero {
  color: white;
  text-shadow: 0 1px 4px rgba(0,0,0,.5);
  background: url('../images/background-2.jpg') center center / cover no-repeat;
  padding: 5rem 0 4rem;
}
.commercial_hero {
  background: url('../images/tower pic.jpg') center center / cover no-repeat;
}
.internet_hero {
  background: url('../images/Whitefish Lake Tower 2.jpg') center center / cover no-repeat;
}
/*.hero h1 span{color:var(--msky-primary)}*/
.section-title .eyebrow{letter-spacing:.12em; text-transform:uppercase; font-weight:600;}
.logo-pill{background:#fff;border-radius:999px; padding:.4rem .75rem; border:1px solid #e5e7eb}
.shadow-soft{box-shadow:0 20px 40px rgba(2,6,23,.06)}
.card-feature:hover{transform:translateY(-4px); transition:transform .2s ease}
.gradient-border{position:relative}
.gradient-border::after{content:"";position:absolute;inset:-1px;border-radius:1rem;padding:1px;background:linear-gradient(135deg, #22c55e, #1e3a8a);-webkit-mask:linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
.footer a{color:inherit; text-decoration:none}
.badge-check{background:rgba(34,197,94,.15); color:#065f46}

.mtsky_blue {
	color: #00BCDD;
}
.hero .lead {
	font-weight: 400;
}
.card-img-container {
	height: 100px; /* Set desired uniform height */
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}

.card-img-container img {
	height: 100%;
	width: auto;
	object-fit: contain; /* Keeps image proportions */
}

/* Background Image for Contact Info and Hours */
.contact-bg {
	position: relative;
	background: url('../images/Office in Evening.jpg') center center / cover no-repeat;
	color: #fff;
	z-index: 1;
}

/* Create semi-transparent overlay */
.contact-bg::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(255, 255, 255, .3); /* adjust opacity here */
	z-index: -1;
}

.additional-service-hero {
	align-items: center;
	padding-left: 10rem;
	padding-right: 10rem;
	display: flex;
}
.accent-line {
	background-color: #00bcdd;
	width: 100%;
	height: .125rem;
}

.card-img-top {
  height: 250px; /* or whatever height you want */
  object-fit: cover;
}

.icon-list {
  list-style: none;              /* Remove default bullets */
  padding-left: 0;               /* Align icons cleanly */
}

.icon-list li {
  position: relative;
  padding-left: 1.8em;           /* Space for icon */
  margin-bottom: 0.75rem;        /* Optional spacing between items */
}

.icon-list li::before {
  content: "\f26a";              /* Unicode for 'bi-check-circle-fill' */
  font-family: "bootstrap-icons";/* Use Bootstrap Icons font */
  position: absolute;
  left: 0;
  top: 0.1em;
  font-size: 1.2em;
  color: var(--msky-blue); /* Icon color */
}

#foo {
	position:fixed; 
	bottom:-40px; 
	right:0; 
	width:100px; 
	height:120px;
	z-index: 999;
}

/* Soft shadow helper (if you don't already have one) */
.shadow-soft { box-shadow: 0 8px 30px rgba(0,0,0,.08); }

/* Feature list styling */
.feature-list .feature-icon{
	width: 28px; height: 28px;
	border-radius: 999px;
	display: inline-flex; align-items: center; justify-content: center;
	background: rgba(13,110,253,.08); /* matches primary with low opacity */
	color: #0d6efd;
	flex: 0 0 28px;
	margin-top: 2px;
}
.feature-list .border-bottom{ border-color: rgba(0,0,0,.08)!important; }