/*!
 * Start Bootstrap - Modern Business (https://startbootstrap.com/template-overviews/modern-business)
 * Copyright 2013-2017 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-logomodern-business-nav/blob/master/LICENSE)
 */

body {
  padding-top: 54px;
}

@media (min-width: 992px) {
  body {
    padding-top: 56px;
  }
}

.carousel-item {
  height: 65vh;
  min-height: 300px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.portfolio-item {
  margin-bottom: 30px;
}

/* NorthGuard I.T. palette, matched to the supplied NorthGuard website. */
:root{--navy:#6da7d8;--navy-deep:#d7e8f7;--text:#eef3f8;--muted:#b7c3cf;--surface:#101b29;--raised:#172638;--line:#2e4154;--background:#0b1420}
body{padding-top:94px;background:var(--background);color:var(--text);font-family:Arial,Helvetica,sans-serif;line-height:1.65}
a{color:var(--navy)}a:hover{color:var(--navy-deep)}
h1,h2,h3,h4,h5{color:var(--text);font-weight:700;line-height:1.25}h1{letter-spacing:-.035em}h2{margin-bottom:24px}p,li{color:var(--muted)}
.bg-dark{background:var(--background)!important}.navbar{border-bottom:1px solid var(--line);padding:8px 16px}.navbar-brand img{width:260px;height:68px;object-fit:contain}.navbar-dark .navbar-nav .nav-link{color:var(--muted);font-weight:600}.navbar-dark .navbar-nav .nav-link:hover{color:var(--text)}
.masthead{padding:70px 0 64px;background:radial-gradient(ellipse at 85% 25%,#213b55 0,transparent 60%),var(--surface);border-bottom:1px solid var(--line);margin-bottom:40px}.masthead h1{font-size:clamp(2.5rem,5vw,4.5rem);max-width:800px}.masthead p:not(.eyebrow){max-width:660px;font-size:1.15rem;margin:24px 0}.eyebrow{color:var(--navy);font-size:.8rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.card,.list-group-item,.dropdown-menu,.breadcrumb,.jumbotron{background:var(--surface);border-color:var(--line);color:var(--text)}.card{border-radius:10px;overflow:hidden;box-shadow:0 18px 45px #00000028}.card-header,.card-footer{background:var(--raised);border-color:var(--line)}.card-body{padding:26px}.card-img-top{height:210px;object-fit:cover}.portfolio-item{margin-top:12px}.dropdown-item{color:var(--muted)}.dropdown-item:focus,.dropdown-item:hover,.list-group-item:hover{background:var(--raised);color:var(--text)}
.btn{border-radius:6px;font-weight:700;padding:10px 18px;white-space:normal}.btn-primary,.btn-dark,.btn-success{background:var(--navy);border-color:var(--navy);color:var(--background)}.btn-primary:hover,.btn-dark:hover,.btn-success:hover,.btn-primary:active,.btn-success:active{background:var(--navy-deep)!important;border-color:var(--navy-deep)!important;color:var(--background)!important}.btn-outline-dark{color:var(--navy-deep);border-color:var(--navy)}.btn-outline-dark:hover{background:var(--raised);color:var(--text);border-color:var(--navy-deep)}
hr,footer{border-top:1px solid var(--line)}footer{margin-top:40px}.text-white{color:var(--muted)!important}.form-control{background:var(--raised);color:var(--text);border-color:var(--line)}.carousel-caption{background:#0b1420db;border-radius:8px;padding:20px}.carousel-caption p{color:var(--text)}
:focus-visible{outline:3px solid var(--navy-deep);outline-offset:4px}img{max-width:100%}body>.container{min-height:50vh}html{scroll-padding-top:110px}
@media(max-width:575px){body{padding-top:84px}.navbar-brand img{width:210px;height:58px}.masthead{padding:40px 0}.masthead .btn{display:block;margin:12px 0}.card-img-top{height:200px}.carousel-item{height:45vh}}
.masthead{height:auto;min-height:0;background-image:radial-gradient(ellipse at 85% 25%,#213b55 0,transparent 60%)}

/* Intro and reasons to choose NorthGuard share the opening section. */
.hero-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:48px;align-items:start}
.masthead .hero-intro h1{font-size:clamp(2.5rem,4.1vw,3.5rem)}
.hero-why{padding:28px;border:1px solid var(--line);border-radius:10px;background:var(--surface);box-shadow:0 18px 45px #00000020}
.hero-why h2{font-size:1.65rem;margin-bottom:16px}
.masthead .hero-why p:not(.eyebrow){font-size:1rem;margin:16px 0 20px}
.hero-why ul{padding:0;margin:0;list-style:none}.hero-why li{position:relative;padding-left:24px;margin:12px 0;font-size:.95rem}.hero-why li::before{content:'\2713';position:absolute;left:0;color:var(--navy);font-weight:700}.hero-why li:last-child{margin-bottom:0}
@media(max-width:991px){.hero-grid{grid-template-columns:1fr;gap:32px}.hero-why{padding:24px}}

/* Contact block follows the supplied reference layout. */
.contact-details{padding:22px 0 26px;max-width:410px}
.contact-details .contact-kicker{font-size:.8rem;color:var(--navy);margin:0 0 9px}
.contact-details h2{font-size:1.85rem;letter-spacing:-.025em;margin:0 0 18px}
.contact-details .contact-intro{font-size:.9rem;line-height:1.65;margin:0 0 18px;max-width:365px}
.contact-line{display:flex;align-items:center;gap:16px;margin:12px 0;font-size:.9rem}
.contact-line svg{width:17px;height:17px;flex:0 0 17px;color:var(--text)}
.contact-line a{overflow-wrap:anywhere}.contact-line a[href^="tel:"]{color:var(--muted)}
.contact-line a:hover{text-decoration:underline;color:var(--navy-deep)}