/* Home page styles — extracted from lcpglobal.css */

.lcp-home-section,
.lcp-home-section-power-fiber {
  padding-top: 100px;
  padding-bottom: 100px;
  padding-left: 50px;
}

.lcp-home-sub-section {
  padding-top: 50px;
  padding-bottom: 200px;
  padding-left: 50px;
}

.lcp-home-section h1 {
  color: white;
}

.lcp-home-section h4 {
  color: white;
}

.lcp-home-section-power-fiber h1 {
  color: black;
}

.lcp-home-section-power-fiber h4 {
  color: black;
}

.lcp-card-row {
  background-color: black;
}

.lcp-quick-links {
  font-size: 16px;
  font-weight: 500;
}

.lcp-quick-links a {
  padding: 0px;
}

.lcp-quick-links a:hover {
  border-bottom: 2px solid #e0ff00;
  margin-bottom: -5px;
  cursor: pointer !important;
}

.lcp-quick-links div div {
  padding: 8px 16px;
}

.lcp-card-override {
  padding: 8px 8px 30px 8px !important;
  margin-top: -30px;
}

.lcp-card-override-large {
  padding: 20px 4px 20px 4px !important;
}

.lcp-card-small {
  border-radius: 0px !important;
  height: 350px !important;
}

.lcp-card-small-yellow {
  border-radius: 0px !important;
  background-color: #e0ff00;
  height: 350px !important;
}

.lcp-card-small.p,
.lcp-banner-container-info,
.lcp-card-small.a {
  font-size: 18px;
}

.lcp-card-large {
  height: 240px !important;
  border-radius: 0px !important;
  background-color: black;
  color: white;
}

.lcp-container-power-fiber .lcp-card-large {
  height: 240px !important;
  border-radius: 0px !important;
  background-color: white;
  color: black;
}

.lcp-card-large-sub-heading {
  min-height: 60px !important;
}

.lcp-hero-image-left-content {
  background-size: cover;
  background-position: center;
  color: #000;
  position: relative;
  padding: 400px 0;
  height: 500px;
  align-items: center;
  align-content: center;
}

.lcp-hero-image-col {
  padding: 20px 40px 20px 50px;
}

.lcp-hero-image-card {
  border-radius: 0;
  min-height: 197px;
  max-width: 370px;
}

.lcp-banner-container {
  padding: 55px 0 55px 0;
  background-color: black;
  color: white !important;
}

.lcp-banner-container-power-fiber {
  padding: 55px 55px 55px 55px;
  background-color: white;
  color: black !important;
}

.lcp-banner-image {
  background-position-x: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: black;
  padding: 60px 0 66px 0;
}

.lcp-banner-container-power-fiber .lcp-banner-image {
  background-color: white;
}

/* Power Fiber nav variant (only used in Home context) */
.lcp-power-fiber-nav-bar {
  flex-wrap: wrap;
  position: relative;
  background-color: white;
  z-index: 1050 !important;
  padding-bottom: 0;
  padding-top: 0;
}

.lcp-power-fiber-nav-bar .nav-link {
  justify-content: center !important;
  align-items: center !important;
  display: flex !important;
  color: black !important;
}

.lcp-container-power-fiber .nav-link {
  justify-content: center !important;
  align-items: center !important;
  display: flex !important;
  color: black !important;
}

/* Responsive */
@media (min-width: 576px) {
  .lcp-hero-image-container-lower {
    display: none;
  }
}

@media (max-width: 576px) {
  .lcp-hero-image-container-upper {
    display: none;
  }

  .lcp-hero-image-col {
    padding: 40px 20px 20px 20px;
  }

  .lcp-hero-image-card {
    border-radius: 0;
    min-height: 197px;
    max-width: none;
  }
}

@media (max-width: 979px) {
  .lcp-hero-image-left-content {
    background-size: cover;
    background-position: left;
    color: #000;
    position: relative;
    padding: 300px 0;
    align-items: baseline;
    align-content: center;
  }
}

@media (max-width: 767px) {
  .lcp-hero-image-left-content {
    background-size: cover;
    padding-left: 20px;
    padding-bottom: 700px;
    background-repeat: no-repeat;
  }
}

@media (min-width: 1950px) {
  .lcp-home-sub-section {
    padding-top: 15px;
  }
}

.lcp-card-info > .lcp-bold,
.lcp-card-info > .lcp-link,
.lcp-card-info > .lcp-text {
  font-size: 18px;
  padding-bottom: 10px !important;
}

.lcp-card-info {
  font-size: 18px;
}

.lcp-container-fallback {
  background-color: white;
  height: 2000px;
}
