@import url('https://fonts.googleapis.com/css2?family=Yellowtail&display=swap');

/*-- Global ==*/

/* Internal page title banner (Title module, styled after the LED Signs / B-SAFE heroes) */
section.title {
  position: relative;
  padding: 3rem 0.5rem;
  color: #ffffff;
  text-align: center;
  background-color: #111111;
  background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url("https://apihoard.webit.com/api/v1/Image/3647614ADEE83DBC56837F601F6EF686/3647614ADEE83DBC56837F601F6EF686.jpg?size=Original");
  background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url("https://apihoard.webit.com/api/v1/Image/3647614ADEE83DBC56837F601F6EF686/3647614ADEE83DBC56837F601F6EF686.jpg?size=Original");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  border-bottom: 6px solid var(--color-theme-primary, #f4e311);
}

section.title .title-container:before {
  content: "Hillbilly Trailers \00B7  Salem, Arkansas";
  display: inline-block;
  margin-bottom: 1rem;
  padding: 0.35rem 0.75rem;
  font-size: 0.75rem;
  font-weight: 800;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #ffffff;
  border-left: 4px solid var(--color-theme-primary, #f4e311);
  background: rgba(255, 255, 255, 0.1);
}

section.title + section.line {
  display: none;
}

section.title .title-container .title-heading {
  margin: 0;
  font-family: "Lato", sans-serif !important;
  font-weight: 800 !important;
  font-size: 2.25rem !important;
  line-height: 1.05;
  text-transform: uppercase;
  color: #ffffff !important;
  text-shadow: 1px 1px 3px #000000;
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
  section.title .title-container:before {
    font-size: 0.85rem;
    letter-spacing: 2px;
  }

  section.title .title-container .title-heading {
    font-size: 2.75rem !important;
  }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
  section.title {
    padding: 4rem 3rem;
    text-align: left;
  }
}

/* Large devices (desktops, 992px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 992px) {
  section.title {
    padding: 5rem 3rem;
  }

  section.title .title-container .title-heading {
    font-size: 3.25rem !important;
  }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  section.title .title-container .title-heading {
    font-size: 3.75rem !important;
  }
}

h2 {
    font-size: 3rem !important;
}

.list-text-title {
    font-size: 2rem !important;
}

.cw-shadow {
    text-shadow: 1px 1px var(--color-theme-primary);
}

/*-- Home Hero Slider (styled after the LED Signs / B-SAFE heroes) --*/
.cw-hero-slider {
  position: relative;
  background: #111111;
  border-bottom: 6px solid var(--color-theme-primary, #f4e311);
}

.cw-hero-slider .carousel-item {
  position: relative;
  min-height: 580px;
  background: #111111;
}

.cw-hero-slider .cw-slide-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

.cw-hero-slider .carousel-item:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: rgba(0, 0, 0, 0.6);
}

.cw-hero-slider .cw-slide-content {
  position: relative;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 580px;
  padding: 3rem 0.5rem 4.5rem;
  color: #ffffff;
  text-align: center;
  text-shadow: 1px 1px 3px #000000;
}

.cw-hero-slider .cw-slide-copy {
  max-width: 640px;
  margin: 0 auto;
}

.cw-hero-slider .cw-slide-eyebrow {
  display: inline-block;
  margin-bottom: 1rem;
  padding: 0.35rem 0.75rem;
  font-size: 0.85rem;
  font-weight: 800;
  letter-spacing: 2px;
  text-transform: uppercase;
  border-left: 4px solid var(--color-theme-primary, #f4e311);
  background: rgba(255, 255, 255, 0.1);
}

.cw-hero-slider .cw-slide-copy .cw-slide-title {
  font-family: "Lato", sans-serif !important;
  font-weight: 800 !important;
  font-size: 2.25rem !important;
  line-height: 1.05;
  text-transform: uppercase;
  margin-bottom: 1rem;
}

.cw-hero-slider .cw-slide-copy .cw-slide-title span {
  display: block;
  color: var(--color-theme-primary, #f4e311);
}

.cw-hero-slider .cw-slide-text {
  font-size: 1.1rem;
  font-weight: 600;
  margin-bottom: 1.5rem;
}

.cw-hero-slider .cw-slide-btns .btn {
  margin: 0.25rem;
  padding: 0.65rem 1.25rem;
  font-weight: 800;
  text-transform: uppercase;
  text-shadow: none;
}

.cw-hero-slider .cw-slide-btns .btn i {
  margin-right: 0.4rem;
}

.cw-hero-slider .carousel-indicators {
  z-index: 3;
  margin-bottom: 1.5rem;
}

.cw-hero-slider .carousel-indicators [data-bs-target] {
  width: 36px;
  height: 5px;
  margin: 0 4px;
  border: none;
  background-color: #ffffff;
  opacity: 0.5;
}

.cw-hero-slider .carousel-indicators .active {
  background-color: var(--color-theme-primary, #f4e311);
  opacity: 1;
}

.cw-hero-slider .carousel-control-prev,
.cw-hero-slider .carousel-control-next {
  z-index: 3;
  width: 70px;
  opacity: 1;
}

.cw-hero-slider .carousel-control-prev-icon,
.cw-hero-slider .carousel-control-next-icon {
  width: 46px;
  height: 46px;
  background-size: 45% 45%;
  background-color: rgba(0, 0, 0, 0.55);
  border: 2px solid rgba(255, 255, 255, 0.6);
  border-radius: 50%;
  -webkit-transition: background-color 0.3s ease, border-color 0.3s ease;
  transition: background-color 0.3s ease, border-color 0.3s ease;
}

.cw-hero-slider .carousel-control-prev:hover .carousel-control-prev-icon,
.cw-hero-slider .carousel-control-next:hover .carousel-control-next-icon,
.cw-hero-slider .carousel-control-prev:focus .carousel-control-prev-icon,
.cw-hero-slider .carousel-control-next:focus .carousel-control-next-icon {
  background-color: #000000;
  border-color: var(--color-theme-primary, #f4e311);
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
  .cw-hero-slider .cw-slide-copy .cw-slide-title {
    font-size: 2.75rem !important;
  }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
  .cw-hero-slider .cw-slide-content {
    padding: 3rem 3.5rem 4.5rem;
    text-align: left;
  }

  .cw-hero-slider .cw-slide-copy {
    margin: 0;
  }

  .cw-hero-slider .cw-slide-btns .btn {
    margin: 0.25rem 0.5rem 0.25rem 0;
  }

  .cw-hero-slider .cw-slide-copy .cw-slide-title {
    font-size: 3.25rem !important;
  }
}

/* Large devices (desktops, 992px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 992px) {
  .cw-hero-slider .carousel-item,
  .cw-hero-slider .cw-slide-content {
    min-height: 620px;
  }

  .cw-hero-slider .cw-slide-copy .cw-slide-title {
    font-size: 4rem !important;
  }

  .cw-hero-slider .cw-slide-text {
    font-size: 1.25rem;
  }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  .cw-hero-slider .carousel-item,
  .cw-hero-slider .cw-slide-content {
    min-height: 660px;
  }

  .cw-hero-slider .cw-slide-copy .cw-slide-title {
    font-size: 4.5rem !important;
  }
}

/*-- Home --*/

/* Hen House section ==== */
.cw-henhouse {
  position: relative;
  overflow: hidden;
  padding: 3.5rem 0;
  color: #ffffff;
  background: #111111;
}

.cw-henhouse:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("https://apihoard.webit.com/api/v1/Image/F86FA0EADB923B47E1D27F915D371807/F86FA0EADB923B47E1D27F915D371807.jpg?size=1920x1440") no-repeat right center;
  background-size: cover;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  opacity: 0.18;
  -webkit-mask-image: -webkit-linear-gradient(left, transparent 10%, #000000 70%);
  mask-image: linear-gradient(90deg, transparent 10%, #000000 70%);
}

.cw-henhouse .container {
  position: relative;
  z-index: 1;
}

.cw-henhouse .cw-henhouse-eyebrow {
  display: inline-block;
  margin-bottom: 1rem;
  padding: 0.35rem 0.75rem;
  font-size: 0.85rem;
  font-weight: 800;
  letter-spacing: 2px;
  text-transform: uppercase;
  border-left: 4px solid var(--color-theme-primary, #f4e311);
  background: rgba(255, 255, 255, 0.1);
}

.cw-henhouse .cw-henhouse-eyebrow i {
  margin-right: 0.4rem;
  color: var(--color-theme-primary, #f4e311);
}

.cw-henhouse .cw-henhouse-intro .cw-henhouse-title {
  font-family: "Lato", sans-serif !important;
  font-weight: 800 !important;
  font-size: 2.25rem !important;
  line-height: 1.05;
  text-transform: uppercase;
  margin-bottom: 1rem;
}

.cw-henhouse .cw-henhouse-intro .cw-henhouse-title span {
  display: block;
  color: var(--color-theme-primary, #f4e311);
}

.cw-henhouse .cw-henhouse-intro p {
  font-size: 1.1rem;
  color: #e6e6e6;
}

.cw-henhouse .cw-henhouse-btns .btn {
  margin: 0.25rem;
  padding: 0.65rem 1.25rem;
  font-weight: 800;
  text-transform: uppercase;
}

.cw-henhouse .cw-henhouse-btns .btn i {
  margin-right: 0.4rem;
}

.cw-henhouse .cw-henhouse-feature {
  height: 100%;
  padding: 1.25rem 1rem;
  text-align: center;
  background: rgba(31, 31, 31, 0.9);
  border: 1px solid #333333;
  border-top: 4px solid var(--color-theme-primary, #f4e311);
  border-radius: 10px;
}

.cw-henhouse .cw-henhouse-feature i {
  display: block;
  margin-bottom: 0.6rem;
  font-size: 1.8rem;
  color: var(--color-theme-primary, #f4e311);
}

.cw-henhouse .cw-henhouse-feature p {
  margin: 0;
  font-weight: 700;
}

.cw-henhouse .cw-henhouse-video {
  overflow: hidden;
  border: 2px solid #333333;
  border-radius: 10px;
  -webkit-box-shadow: 0 6px 20px rgba(0, 0, 0, 0.5);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.5);
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
  .cw-henhouse .cw-henhouse-intro .cw-henhouse-title {
    font-size: 2.75rem !important;
  }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
  .cw-henhouse {
    padding: 4.5rem 0;
  }
}

/* Large devices (desktops, 992px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 992px) {
  .cw-henhouse .cw-henhouse-btns .btn {
    margin: 0.25rem 0.5rem 0.25rem 0;
  }

  .cw-henhouse .cw-henhouse-intro .cw-henhouse-title {
    font-size: 3.25rem !important;
  }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  .cw-henhouse {
    padding: 5rem 0;
  }
}

/* Trailer Types cards (replaces the built-in List module) */
.cw-trailer-types {
  padding: 3.5rem 0;
  background: #f4e311 url("https://apihoard.webit.com/api/v1/Image/7404441D48EA232C912506CA973F91A1/7404441D48EA232C912506CA973F91A1.jpg?size=Original") no-repeat center center;
  background-size: cover;
}

.cw-trailer-types .cw-trailer-types-head .cw-trailer-types-title {
  font-family: "Lato", sans-serif !important;
  font-weight: 800 !important;
  font-size: 2.25rem !important;
  line-height: 1.1;
  text-transform: uppercase;
  color: #111111;
  margin-bottom: 2rem;
}

.cw-trailer-types .cw-trailer-types-head .cw-trailer-types-title span {
  display: inline-block;
  padding: 0 0.5rem;
  color: var(--color-theme-primary, #f4e311);
  background: #111111;
}

.cw-trailer-types .cw-trailer-card {
  position: relative;
  height: 100%;
  overflow: hidden;
  color: #ffffff;
  background: #111111;
  border-radius: 10px;
  -webkit-box-shadow: 0 6px 20px rgba(0, 0, 0, 0.35);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.35);
  -webkit-transition: -webkit-transform 0.3s ease, box-shadow 0.3s ease;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.cw-trailer-types .cw-trailer-card:hover,
.cw-trailer-types .cw-trailer-card:focus-within {
  -webkit-transform: translateY(-4px);
  transform: translateY(-4px);
  -webkit-box-shadow: 0 10px 26px rgba(0, 0, 0, 0.45);
  box-shadow: 0 10px 26px rgba(0, 0, 0, 0.45);
}

.cw-trailer-types .cw-trailer-card-img {
  overflow: hidden;
  border-bottom: 4px solid var(--color-theme-primary, #f4e311);
}

.cw-trailer-types .cw-trailer-card-img img {
  display: block;
  width: 100%;
  aspect-ratio: 4 / 3;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: transform 0.4s ease;
}

.cw-trailer-types .cw-trailer-card:hover .cw-trailer-card-img img {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}

.cw-trailer-types .cw-trailer-card-body {
  padding: 1.25rem;
}

.cw-trailer-types .cw-trailer-card-body .cw-trailer-card-title {
  font-family: "Lato", sans-serif;
  font-weight: 800;
  font-size: 1.3rem;
  text-transform: uppercase;
  color: #ffffff;
  margin-bottom: 0.5rem;
}

.cw-trailer-types .cw-trailer-card-body p {
  color: #d6d6d6;
  margin-bottom: 1rem;
}

.cw-trailer-types .cw-trailer-card-link {
  font-weight: 800;
  font-size: 0.9rem;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-decoration: none;
  color: var(--color-theme-primary, #f4e311);
}

.cw-trailer-types .cw-trailer-card-link i {
  margin-left: 0.35rem;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
}

.cw-trailer-types .cw-trailer-card:hover .cw-trailer-card-link i {
  -webkit-transform: translateX(4px);
  transform: translateX(4px);
}

.cw-trailer-types .cw-trailer-card-link:focus-visible {
  outline: 2px solid var(--color-theme-primary, #f4e311);
  outline-offset: 3px;
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
  .cw-trailer-types .cw-trailer-types-head .cw-trailer-types-title {
    font-size: 2.75rem !important;
  }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
  .cw-trailer-types {
    padding: 4.5rem 0;
  }
}

/* Large devices (desktops, 992px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 992px) {
  .cw-trailer-types .cw-trailer-types-head .cw-trailer-types-title {
    font-size: 3.25rem !important;
  }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  .cw-trailer-types {
    padding: 5rem 0;
  }
}

/* About / Speed | Quality | Productivity (replaces the Text module) */
.cw-about-hb {
  padding: 3.5rem 0;
  color: #333333;
  background: #ffffff;
}

.cw-about-hb .cw-about-hb-inner {
  max-width: 960px;
  margin: 0 auto;
  text-align: center;
}

.cw-about-hb .cw-about-hb-eyebrow {
  display: inline-block;
  margin-bottom: 1rem;
  padding: 0.35rem 0.75rem;
  font-size: 0.85rem;
  font-weight: 800;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #111111;
  border-left: 4px solid var(--color-theme-primary, #f4e311);
  background: #eeeeee;
}

.cw-about-hb .cw-about-hb-title {
  font-family: "Lato", sans-serif !important;
  font-weight: 800 !important;
  font-size: 2rem !important;
  line-height: 1.1;
  text-transform: uppercase;
  color: #111111;
  margin-bottom: 1.25rem;
}

.cw-about-hb .cw-about-hb-title span {
  margin: 0 0.25rem;
  color: var(--color-theme-primary, #f4e311);
  text-shadow: 1px 1px 0 #111111;
}

.cw-about-hb .cw-about-hb-lead {
  font-size: 1.15rem;
  font-weight: 700;
  color: #111111;
}

.cw-about-hb p {
  line-height: 1.7;
}

.cw-about-hb .cw-about-hb-card {
  margin-top: 2rem;
  padding: 1.5rem 1.25rem;
  color: #ffffff;
  background: #111111;
  border-top: 5px solid var(--color-theme-primary, #f4e311);
  border-radius: 10px;
  -webkit-box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
}

.cw-about-hb .cw-about-hb-list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.75rem;
  list-style: none;
  padding: 0;
  margin: 0 0 1.5rem;
  text-align: left;
}

.cw-about-hb .cw-about-hb-list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0.6rem 0.9rem;
  font-size: 1rem;
  font-weight: 800;
  text-transform: uppercase;
  background: #1f1f1f;
  border: 1px solid #333333;
  border-radius: 8px;
}

.cw-about-hb .cw-about-hb-list li i {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  line-height: 40px;
  margin-right: 0.85rem;
  text-align: center;
  font-size: 1rem;
  color: #111111;
  background: var(--color-theme-primary, #f4e311);
  border-radius: 50%;
}

.cw-about-hb .cw-about-hb-btns .btn {
  margin: 0.25rem;
  padding: 0.65rem 1.25rem;
  font-weight: 800;
  text-transform: uppercase;
}

.cw-about-hb .cw-about-hb-btns .btn i {
  margin-right: 0.4rem;
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
  .cw-about-hb .cw-about-hb-title {
    font-size: 2.5rem !important;
  }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
  .cw-about-hb {
    padding: 4.5rem 0;
  }

  .cw-about-hb .cw-about-hb-card {
    padding: 2rem;
  }

  .cw-about-hb .cw-about-hb-list {
    grid-template-columns: 1fr 1fr;
  }

  .cw-about-hb .cw-about-hb-title {
    font-size: 2.25rem !important;
    white-space: nowrap;
  }
}

/* Large devices (desktops, 992px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 992px) {
  .cw-about-hb .cw-about-hb-title {
    font-size: 2.75rem !important;
  }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  .cw-about-hb {
    padding: 5rem 0;
  }

  .cw-about-hb .cw-about-hb-title {
    font-size: 3.25rem !important;
  }
}

/* Trailer Lineup checklist (parallax photo, replaces cw-cascade / cw-checklist) */
.cw-lineup {
  position: relative;
  padding: 3.5rem 0;
  color: #ffffff;
  border-top: 6px solid var(--color-theme-primary, #f4e311);
  border-bottom: 6px solid var(--color-theme-primary, #f4e311);
}

.cw-lineup:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.75);
}

.cw-lineup .container {
  position: relative;
  z-index: 1;
}

.cw-lineup .cw-lineup-eyebrow {
  display: inline-block;
  margin-bottom: 1rem;
  padding: 0.35rem 0.75rem;
  font-size: 0.85rem;
  font-weight: 800;
  letter-spacing: 2px;
  text-transform: uppercase;
  border-left: 4px solid var(--color-theme-primary, #f4e311);
  background: rgba(255, 255, 255, 0.1);
}

.cw-lineup .cw-lineup-head .cw-lineup-title {
  font-family: "Lato", sans-serif !important;
  font-weight: 800 !important;
  font-size: 2.25rem !important;
  line-height: 1.1;
  text-transform: uppercase;
  color: #ffffff;
  margin-bottom: 2rem;
}

.cw-lineup .cw-lineup-head .cw-lineup-title span {
  color: var(--color-theme-primary, #f4e311);
}

.cw-lineup .cw-lineup-grid {
  list-style: none;
  padding: 0;
  margin-bottom: 2rem;
}

.cw-lineup .cw-lineup-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  padding: 0.85rem 1rem;
  font-weight: 800;
  text-transform: uppercase;
  text-decoration: none;
  color: #ffffff;
  background: rgba(17, 17, 17, 0.85);
  border: 1px solid #333333;
  border-radius: 8px;
  -webkit-transition: border-color 0.3s ease, -webkit-transform 0.3s ease;
  transition: border-color 0.3s ease, transform 0.3s ease;
}

.cw-lineup .cw-lineup-item i {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 34px;
  height: 34px;
  line-height: 34px;
  margin-right: 0.85rem;
  text-align: center;
  font-size: 0.95rem;
  color: #111111;
  background: var(--color-theme-primary, #f4e311);
  border-radius: 50%;
}

.cw-lineup .cw-lineup-item:hover,
.cw-lineup .cw-lineup-item:focus {
  color: #ffffff;
  border-color: var(--color-theme-primary, #f4e311);
  -webkit-transform: translateY(-3px);
  transform: translateY(-3px);
}

.cw-lineup .cw-lineup-item:focus-visible {
  outline: 2px solid var(--color-theme-primary, #f4e311);
  outline-offset: 2px;
}

.cw-lineup .cw-lineup-btns .btn {
  margin: 0.25rem;
  padding: 0.65rem 1.25rem;
  font-weight: 800;
  text-transform: uppercase;
}

.cw-lineup .cw-lineup-btns .btn i {
  margin-right: 0.4rem;
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
  .cw-lineup .cw-lineup-head .cw-lineup-title {
    font-size: 2.75rem !important;
  }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
  .cw-lineup {
    padding: 4.5rem 0;
  }
}

/* Large devices (desktops, 992px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 992px) {
  .cw-lineup .cw-lineup-head .cw-lineup-title {
    font-size: 3.25rem !important;
  }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  .cw-lineup {
    padding: 5rem 0;
  }
}

/* Page Hero (Hen House, Pricing, Videos, Contact) - same build as the B-SAFE hero */
.cw-page-hero {
  position: relative;
  padding: 2.5rem 0.5rem;
  color: #ffffff;
  background-color: #111111;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  text-shadow: 1px 1px 3px #000000;
  border-bottom: 6px solid var(--color-theme-primary, #f4e311);
}

.cw-page-hero:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
}

.cw-page-hero .container {
  position: relative;
  z-index: 1;
}

.cw-page-hero-henhouse {
  background-image: url("https://apihoard.webit.com/api/v1/Image/F86FA0EADB923B47E1D27F915D371807/F86FA0EADB923B47E1D27F915D371807.jpg?size=1920x1440");
  background-position: 75% 50%;
}

.cw-page-hero-pricing {
  background-image: url("https://apihoard.webit.com/api/v1/Image/D1A8E9A47F1A71164360E0685A1897A9/D1A8E9A47F1A71164360E0685A1897A9.jpg?size=Original");
}

.cw-page-hero-videos {
  background-image: url("https://apihoard.webit.com/api/v1/Image/0383D6F095DAB33002AC2937AC6CDDC1/0383D6F095DAB33002AC2937AC6CDDC1.jpg?size=Original");
}

.cw-page-hero-contact {
  background-image: url("https://apihoard.webit.com/api/v1/Image/6B01684205214A83DADF301A18767146/6B01684205214A83DADF301A18767146.jpg?size=Original");
}

.cw-page-hero .btn,
.cw-page-hero .cw-page-hero-phone-card {
  text-shadow: none;
}

.cw-page-hero h1 {
  font-family: "Lato", sans-serif !important;
  font-weight: 800 !important;
  font-size: 1.6rem;
  line-height: 1.15;
  text-transform: uppercase;
  margin-bottom: 1rem;
}

.cw-page-hero h1 .cw-page-hero-brand {
  display: block;
  font-size: 3.25rem;
  line-height: 1;
  letter-spacing: 2px;
  color: var(--color-theme-primary, #f4e311);
}

.cw-page-hero .cw-page-hero-tagline {
  font-size: 1.2rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
}

.cw-page-hero .cw-page-hero-tagline i {
  color: var(--color-theme-primary, #f4e311);
  margin-right: 0.35rem;
}

.cw-page-hero .cw-page-hero-slogan {
  display: inline-block;
  font-weight: 800;
  font-style: italic;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding: 0.35rem 0.75rem;
  margin-bottom: 1.5rem;
  border-left: 4px solid var(--color-theme-primary, #f4e311);
  background: rgba(255, 255, 255, 0.08);
}

.cw-page-hero .cw-page-hero-phone-card {
  display: inline-block;
  background: var(--color-theme-primary, #f4e311);
  color: #111111;
  padding: 0.85rem 1.25rem;
  border-radius: 12px;
  font-weight: 600;
  text-decoration: none;
  margin-bottom: 1rem;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
}

.cw-page-hero .cw-page-hero-phone-card:hover,
.cw-page-hero .cw-page-hero-phone-card:focus {
  background: #ffffff;
  color: #111111;
}

.cw-page-hero .cw-page-hero-phone-card span {
  display: block;
  font-size: 1.4rem;
  font-weight: 800;
}

.cw-page-hero .cw-page-hero-btns .btn {
  margin: 0.25rem;
  padding: 0.65rem 1.25rem;
  font-weight: 800;
  text-transform: uppercase;
}

.cw-page-hero .cw-page-hero-btns .btn i {
  margin-right: 0.4rem;
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
  .cw-page-hero h1 {
    font-size: 2rem;
  }

  .cw-page-hero h1 .cw-page-hero-brand {
    font-size: 4rem;
  }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
  .cw-page-hero {
    padding: 3.5rem 3rem;
  }

  .cw-page-hero:before {
    background: transparent;
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.65) 60%, rgba(0, 0, 0, 0.4));
    background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.65) 60%, rgba(0, 0, 0, 0.4));
  }

  .cw-page-hero .cw-page-hero-btns .btn {
    margin: 0.25rem 0.5rem 0.25rem 0;
  }
}

/* Large devices (desktops, 992px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 992px) {
  .cw-page-hero {
    padding: 4.5rem 3rem;
  }

  .cw-page-hero h1 {
    font-size: 2.5rem;
  }

  .cw-page-hero h1 .cw-page-hero-brand {
    font-size: 5.5rem;
  }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  .cw-page-hero:before {
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.6) 55%, rgba(0, 0, 0, 0.15));
    background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.6) 55%, rgba(0, 0, 0, 0.15));
  }

  .cw-page-hero h1 {
    font-size: 2.75rem;
  }
}

/*--- Subpages ---*/

.gallery {
    padding-top: 2em;
}

.contact-companyinfo h1 {
    text-transform: none;
    font-size: 1.5rem;
}

.contact-companyinfo h2 {
    font-size: initial !important;
    font-family: inherit !important;
}

.cw-prices h3 {
    padding: .5em;
    text-align: center;
}

.cw-prices h4 {
    padding: .5em;
    font-size: 1.25rem;
    text-align: center;
    background: var(--color-theme-primary);
}

.price_left {
    max-width: 70%;
}

.cw-right {
    display: block;
    width: 100%;
    text-align: right;
}

.price_item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 16px auto;
    width: 100%;
}

.leader_dots {
    background-image: url("https://apihoard.webit.com/api/v1/Image/CF115D783EA3F90D5CDAB4A7F3719441/CF115D783EA3F90D5CDAB4A7F3719441.png?size=Original");
    background-position: bottom;
    background-repeat: repeat-x;
    height: 2px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 3px;
}
/*!!!!! LED PAGE !!!!!*/

/* LED hero - pricing note under the call card */
.cw-hero .hero-text .cw-led-price-note {
  display: inline-block;
  margin: 1rem 0 0.5rem;
  padding: 0.5rem 0.85rem;
  font-size: 0.95rem;
  font-weight: 700;
  font-style: italic;
  color: #ffffff;
  border-left: 4px solid var(--color-theme-primary, #f4e311);
  background: rgba(0, 0, 0, 0.55);
}

.cw-hero .hero-text .cw-led-price-note i {
  margin-right: 0.45rem;
  font-style: normal;
  color: var(--color-theme-primary, #f4e311);
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
}

/* Large devices (desktops, 992px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 992px) {
  .cw-hero .hero-text .cw-led-price-note {
    font-size: 1rem;
  }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
}


/* LED - shared section title + intro */
.cw-led-title {
  font-family: "Lato", sans-serif !important;
  font-weight: 800 !important;
  font-size: 2rem !important;
  line-height: 1.1;
  text-transform: uppercase;
  color: #111111;
  margin-bottom: 1.25rem;
}

.cw-led-title span {
  display: inline-block;
  padding: 0 0.4rem;
  color: var(--color-theme-primary, #f4e311);
  background: #111111;
}

.cw-led-intro {
  margin-bottom: 2rem;
  font-size: 1.1rem;
  color: #333333;
}

.cw-led-photo {
  overflow: hidden;
  border-radius: 10px;
  border-bottom: 6px solid var(--color-theme-primary, #f4e311);
  -webkit-box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
}

.cw-led-photo img {
  width: 100%;
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
  .cw-led-title {
    font-size: 2.25rem !important;
  }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
}

/* Large devices (desktops, 992px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 992px) {
  .cw-led-title {
    font-size: 2.75rem !important;
  }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
}

/* LED - text module unwrap (lets the CTA band run full width) */
.page-led-signs section.text {
  padding: 0;
}

.page-led-signs section.text > .text-container {
  max-width: none;
  margin: 0;
  padding: 0;
}

/* LED - videos */
.cw-led-videos {
  padding: 3rem 0;
  background: #f5f5f5;
}

.cw-led-videos .cw-led-video {
  overflow: hidden;
  background: #111111;
  border-radius: 10px;
  -webkit-box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
}

.cw-led-videos .cw-led-video-main {
  max-width: 960px;
  margin: 0 auto 1.5rem;
  border-bottom: 6px solid var(--color-theme-primary, #f4e311);
}

.cw-led-videos .cw-led-video video {
  display: block;
  width: 100%;
  height: auto;
}

.cw-led-videos .cw-led-video-caption {
  margin: 0;
  padding: 0.75rem 1rem;
  font-weight: 800;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #ffffff;
  border-top: 4px solid var(--color-theme-primary, #f4e311);
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
  .cw-led-videos {
    padding: 4rem 0;
  }
}

/* Large devices (desktops, 992px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 992px) {
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
}

/* LED - why LED signage */
.cw-led-why {
  padding: 3rem 0;
  background: #ffffff;
}

.cw-led-why p {
  line-height: 1.7;
  color: #333333;
}

.cw-led-why p a,
.cw-led-faq .accordion-body a {
  font-weight: 700;
  color: #111111;
  text-decoration: underline;
  text-decoration-color: var(--color-theme-primary, #f4e311);
  text-decoration-thickness: 3px;
}

.cw-led-subtitle {
  font-family: "Lato", sans-serif !important;
  font-weight: 800 !important;
  font-size: 1.5rem !important;
  line-height: 1.2;
  text-transform: uppercase;
  color: #111111;
  padding-left: 0.85rem;
  margin-bottom: 1rem;
  border-left: 5px solid var(--color-theme-primary, #f4e311);
}

.cw-led-why .cw-led-subtitle + p + .cw-led-subtitle,
.cw-led-why p + .cw-led-subtitle {
  margin-top: 2rem;
}

.cw-led-why .cw-led-why-card {
  margin-top: 2.5rem;
  padding: 1.75rem 1.5rem;
  color: #ffffff;
  background: #111111;
  border-top: 5px solid var(--color-theme-primary, #f4e311);
  border-radius: 10px;
  -webkit-box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
}

.cw-led-why .cw-led-why-card p {
  color: #ffffff;
}

.cw-led-why .cw-led-why-card-title {
  margin-bottom: 1rem;
  font-size: 1.5rem;
  font-weight: 800;
  text-transform: uppercase;
  color: var(--color-theme-primary, #f4e311) !important;
}

.cw-led-why .cw-led-why-list {
  list-style: none;
  padding: 0;
  margin: 0 0 1.25rem;
}

.cw-led-why .cw-led-why-list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding: 0.75rem 0;
  line-height: 1.5;
  border-bottom: 1px solid #333333;
}

.cw-led-why .cw-led-why-list li i {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  line-height: 40px;
  margin-right: 1rem;
  text-align: center;
  font-size: 1rem;
  color: #111111;
  background: var(--color-theme-primary, #f4e311);
  border-radius: 50%;
}

.cw-led-why .cw-led-why-list li span {
  padding-top: 0.45rem;
}

.cw-led-why .cw-led-why-list li strong {
  color: var(--color-theme-primary, #f4e311);
}

.cw-led-why .cw-led-why-foot p {
  margin: 0;
  padding: 1rem;
  background: #1f1f1f;
  border-left: 4px solid var(--color-theme-primary, #f4e311);
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
  .cw-led-why {
    padding: 4rem 0;
  }

  .cw-led-why .cw-led-why-card {
    padding: 2rem;
  }

  .cw-led-why .cw-led-why-list {
    display: -ms-grid;
    display: grid;
    grid-template-columns: 1fr 1fr;
    -webkit-column-gap: 2rem;
    -moz-column-gap: 2rem;
    column-gap: 2rem;
  }
}

/* Large devices (desktops, 992px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 992px) {
  .cw-led-subtitle {
    font-size: 1.75rem !important;
  }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
}

/* LED - story (read more) */
.cw-led-story {
  padding: 3rem 0;
  background: #f5f5f5;
}

.cw-led-story p {
  line-height: 1.7;
  color: #333333;
}

.cw-led-story .cw-led-tag {
  display: inline-block;
  padding: 0.5rem 0.85rem;
  font-weight: 800;
  font-style: italic;
  color: #111111;
  background: var(--color-theme-primary, #f4e311);
}

.cw-led-story .cw-led-more p {
  padding: 1rem 1.25rem;
  background: #ffffff;
  border-left: 4px solid var(--color-theme-primary, #f4e311);
}

.cw-led-story .cw-led-more-btn {
  margin-top: 0.5rem;
  padding: 0.65rem 1.25rem;
  font-weight: 800;
  text-transform: uppercase;
}

.cw-led-story .cw-led-more-btn .cw-led-more-close,
.cw-led-story .cw-led-more-btn[aria-expanded="true"] .cw-led-more-open {
  display: none;
}

.cw-led-story .cw-led-more-btn[aria-expanded="true"] .cw-led-more-close {
  display: inline;
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
  .cw-led-story {
    padding: 4rem 0;
  }
}

/* Large devices (desktops, 992px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 992px) {
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
}

/* LED - research tabs */
.cw-led-research {
  padding: 3rem 0;
  background: #ffffff;
}

.cw-led-research .nav-tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-bottom: 1.5rem;
  border: none;
}

.cw-led-research .nav-tabs .nav-item {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
}

.cw-led-research .nav-tabs .nav-link {
  width: 100%;
  height: 100%;
  padding: 0.75rem 1rem;
  font-weight: 800;
  text-transform: uppercase;
  color: #ffffff;
  background: #111111;
  border: 2px solid #111111;
  border-radius: 8px;
  -webkit-transition: background-color 0.3s ease, color 0.3s ease;
  transition: background-color 0.3s ease, color 0.3s ease;
}

.cw-led-research .nav-tabs .nav-link:hover,
.cw-led-research .nav-tabs .nav-link:focus {
  color: #111111;
  background: #ffffff;
  border-color: #111111;
}

.cw-led-research .nav-tabs .nav-link.active {
  color: #111111;
  background: var(--color-theme-primary, #f4e311);
  border-color: #111111;
}

.cw-led-research .nav-tabs .nav-link:focus-visible {
  outline: 2px solid var(--color-theme-primary, #f4e311);
  outline-offset: 2px;
}

.cw-led-research .tab-content {
  padding: 1rem;
  background: #f5f5f5;
  border-top: 5px solid var(--color-theme-primary, #f4e311);
  border-radius: 10px;
}

.cw-led-research .tab-content img {
  border-radius: 6px;
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
  .cw-led-research .nav-tabs .nav-item {
    -ms-flex: 1 1 calc(50% - 0.5rem);
    flex: 1 1 calc(50% - 0.5rem);
  }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
  .cw-led-research {
    padding: 4rem 0;
  }

  .cw-led-research .tab-content {
    padding: 1.5rem;
  }
}

/* Large devices (desktops, 992px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 992px) {
  .cw-led-research .nav-tabs .nav-item {
    -ms-flex: 1 1 calc(25% - 0.5rem);
    flex: 1 1 calc(25% - 0.5rem);
  }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
}

/* LED - FAQ */
.cw-led-faq {
  padding: 3rem 0;
  background: #f5f5f5;
}

.cw-led-faq .accordion {
  max-width: 900px;
  margin: 0 auto;
}

.cw-led-faq .accordion-item {
  margin-bottom: 0.75rem;
  overflow: hidden;
  background: #ffffff;
  border: none;
  border-left: 5px solid var(--color-theme-primary, #f4e311);
  border-radius: 8px;
  -webkit-box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08);
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08);
}

.cw-led-faq .accordion-header {
  margin: 0;
  font-family: "Lato", sans-serif !important;
  font-size: 1rem !important;
}

.cw-led-faq .accordion-button {
  font-size: 1.1rem;
  font-weight: 800;
  color: #111111;
  background: #ffffff;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.cw-led-faq .accordion-button:not(.collapsed) {
  background: #111111;
  color: #ffffff;
}

.cw-led-faq .accordion-button:not(.collapsed):after {
  -webkit-filter: invert(1) grayscale(1) brightness(2);
  filter: invert(1) grayscale(1) brightness(2);
}

.cw-led-faq .accordion-button:focus-visible {
  outline: 2px solid var(--color-theme-primary, #f4e311);
  outline-offset: -2px;
}

.cw-led-faq .accordion-body {
  line-height: 1.7;
  color: #333333;
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
  .cw-led-faq {
    padding: 4rem 0;
  }
}

/* Large devices (desktops, 992px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 992px) {
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
}

/* LED - call to action band */
.cw-led-cta {
  padding: 3rem 0;
  text-align: center;
  color: #ffffff;
  background: #111111;
  border-top: 6px solid var(--color-theme-primary, #f4e311);
}

.cw-led-cta p {
  max-width: 720px;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.7;
}

.cw-led-cta .cw-led-cta-title {
  max-width: none;
  margin-bottom: 1rem;
  font-size: 2rem;
  font-weight: 800;
  line-height: 1.1;
  text-transform: uppercase;
}

.cw-led-cta .cw-led-cta-title span {
  color: var(--color-theme-primary, #f4e311);
}

.cw-led-cta .cw-led-cta-lead {
  margin-bottom: 0.5rem;
  font-size: 1.15rem;
}

.cw-led-cta .cw-led-cta-slogan {
  display: inline-block;
  margin: 0.5rem 0 1.5rem;
  padding: 0.35rem 0.75rem;
  font-weight: 800;
  font-style: italic;
  letter-spacing: 1px;
  border-left: 4px solid var(--color-theme-primary, #f4e311);
  background: rgba(255, 255, 255, 0.08);
}

.cw-led-cta .cw-led-cta-btns .btn {
  margin: 0.25rem;
  padding: 0.65rem 1.25rem;
  font-weight: 800;
  text-transform: uppercase;
}

.cw-led-cta .cw-led-cta-btns .btn i {
  margin-right: 0.4rem;
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
  .cw-led-cta .cw-led-cta-title {
    font-size: 2.5rem;
  }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
  .cw-led-cta {
    padding: 4rem 0;
  }
}

/* Large devices (desktops, 992px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 992px) {
  .cw-led-cta .cw-led-cta-title {
    font-size: 3rem;
  }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
}

/* Nav Tab Override */

#cw-navigationTabs .nav-tabs {
    border: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin: 0 14px !important;
}

.nav-tabs .nav-link {
    width: 100%;
    background: var(--color-theme-secondary);
    color: var(--color-theme-primary);
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    color: var(--color-theme-text);
    background-color: var(--color-theme-highlight);
}

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
    color: var(--color-theme-text);
    background-color: var(--color-theme-primary);
}

#cw-navigationTabs ul.nav-tabs,
#cw-navigationTabs .tab-content {
    margin: 0 15px;
}

#cw-navigationTabs .nav-tabs li {
    padding: 0;
    text-align: center;
    margin: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin: 0 1px;
    border-bottom: 4px solid #aaaaaa;
}

#cw-navigationTabs .tab-content {
    background-color: #eee;
}

#cw-navigationTabs .tab-content h2 {
    font-size: 2em;
    font-weight: 600;
    margin-top: 0;
}

#cw-navigationTabs .tab-content p {
    line-height: 2em;
    font-weight: 200;
}

@media (min-width: 768px) {
    #cw-navigationTabs .tab-content {
        padding: 25px 20px 20px 20px;
    }

    #cw-navigationTabs .nav-tabs li {
        border-bottom: none;
    }
}
/* Faq====================================== */
.cw-faq {
    margin: 5rem 0;
     
  }
  .cw-faq h2,.cw-faq h2 button {
      font-family: "Lato", sans-serif !important;
      font-weight: 800 !important;
  }
  .cw-svg-leaf {
    width: 35px;
    max-width: 100%;
    fill: var(--color-theme-primary);
  }

  .cw-faq .cw-border-box {
    padding: 1rem;
    border: 1px solid #dedede;
  }

  /* Small devices (landscape phones, 576px and up) */
  @media (min-width: 576px) {
    .cw-faq .cw-border-box {
      padding: 3rem;
    }
  }

  /* Medium devices (tablets, 768px and up) */
  @media (min-width: 768px) {
    .cw-faq .cw-border-box {
      padding: 1rem;
    }
  }

  /* Large devices (desktops, 992px and up) The navbar toggle appears at this breakpoint */
  @media (min-width: 992px) {
    .cw-faq .cw-border-box {
      padding: 2rem;
    }
  }

  /* Extra large devices (large desktops, 1200px and up) */
  @media (min-width: 1200px) {
    .cw-faq .cw-border-box {
      padding: 2rem;
    }
  }

  #about-us .st0 {
    fill: #f88002;
  }

  #service-title .st0 {
    fill: #f88002;
  }

  /* ======================================================================================== */
  .cw-imageWrap {
    display: inline-block;
    padding: 10px;
    border: 1px solid #d9dadb;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color: #eaeaea;
  }

  .cw-imageWrap img {
    border-radius: 50%;
    width: 200px;
  }

/*!!!!! B-SAFE PAGE !!!!!*/

/* B-SAFE Hero */
.cw-bsafe-hero {
  position: relative;
  padding: 2.5rem 0.5rem;
  color: #fff;
  background-color: #111111;
  background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url("https://images.unsplash.com/photo-1693711836001-99859bb7185a?w=1920&q=75&fm=jpg");
  background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url("https://images.unsplash.com/photo-1693711836001-99859bb7185a?w=1920&q=75&fm=jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 60% 50%;
  text-shadow: 1px 1px 3px #000000;
  border-bottom: 6px solid var(--color-theme-primary, #f4e311);
}

.cw-bsafe-hero .btn,
.cw-bsafe-hero .cw-bsafe-phone-card {
  text-shadow: none;
}

.cw-bsafe-hero h1 {
  font-family: "Lato", sans-serif !important;
  font-weight: 800 !important;
  font-size: 1.6rem;
  line-height: 1.15;
  text-transform: uppercase;
  margin-bottom: 1rem;
}

.cw-bsafe-hero h1 .cw-bsafe-brand {
  display: block;
  font-size: 3.25rem;
  line-height: 1;
  letter-spacing: 2px;
  color: var(--color-theme-primary, #f4e311);
}

.cw-bsafe-hero .cw-bsafe-tagline {
  font-size: 1.2rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
}

.cw-bsafe-hero .cw-bsafe-tagline i {
  color: var(--color-theme-primary, #f4e311);
  margin-right: 0.35rem;
}

.cw-bsafe-hero .cw-bsafe-slogan {
  display: inline-block;
  font-weight: 800;
  font-style: italic;
  letter-spacing: 1px;
  padding: 0.35rem 0.75rem;
  margin-bottom: 1.5rem;
  border-left: 4px solid var(--color-theme-primary, #f4e311);
  background: rgba(255, 255, 255, 0.08);
}

.cw-bsafe-hero .cw-bsafe-phone-card {
  display: inline-block;
  background: var(--color-theme-primary, #f4e311);
  color: #111111;
  padding: 0.85rem 1.25rem;
  border-radius: 12px;
  font-weight: 600;
  text-decoration: none;
  margin-bottom: 1rem;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
}

.cw-bsafe-hero .cw-bsafe-phone-card:hover,
.cw-bsafe-hero .cw-bsafe-phone-card:focus {
  background: #ffffff;
  color: #111111;
}

.cw-bsafe-hero .cw-bsafe-phone-card span {
  display: block;
  font-size: 1.4rem;
  font-weight: 800;
}

.cw-bsafe-hero .cw-bsafe-hero-btns .btn {
  margin: 0.25rem;
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
  .cw-bsafe-hero h1 {
    font-size: 2rem;
  }

  .cw-bsafe-hero h1 .cw-bsafe-brand {
    font-size: 4rem;
  }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
  .cw-bsafe-hero {
    padding: 3.5rem 3rem;
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.65) 60%, rgba(0, 0, 0, 0.4)), url("https://images.unsplash.com/photo-1693711836001-99859bb7185a?w=1920&q=75&fm=jpg");
    background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.65) 60%, rgba(0, 0, 0, 0.4)), url("https://images.unsplash.com/photo-1693711836001-99859bb7185a?w=1920&q=75&fm=jpg");
  }

  .cw-bsafe-hero .cw-bsafe-hero-btns .btn {
    margin: 0.25rem 0.5rem 0.25rem 0;
  }
}

/* Large devices (desktops, 992px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 992px) {
  .cw-bsafe-hero {
    padding: 4.5rem 3rem;
  }

  .cw-bsafe-hero h1 {
    font-size: 2.5rem;
  }

  .cw-bsafe-hero h1 .cw-bsafe-brand {
    font-size: 5.5rem;
  }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  .cw-bsafe-hero {
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.6) 55%, rgba(0, 0, 0, 0.15)), url("https://images.unsplash.com/photo-1693711836001-99859bb7185a?w=1920&q=75&fm=jpg");
    background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.6) 55%, rgba(0, 0, 0, 0.15)), url("https://images.unsplash.com/photo-1693711836001-99859bb7185a?w=1920&q=75&fm=jpg");
  }

  .cw-bsafe-hero h1 {
    font-size: 2.75rem;
  }
}

/* B-SAFE Key Highlights */
.cw-bsafe-features {
  padding: 3rem 0;
  background: #f5f5f5;
}

.cw-bsafe-features .cw-bsafe-intro {
  color: #4f4f4f;
  margin-bottom: 2rem;
}

.cw-bsafe-features .cw-bsafe-feature {
  height: 100%;
  padding: 1.5rem 1.25rem;
  text-align: center;
  background: #ffffff;
  border-top: 5px solid var(--color-theme-primary, #f4e311);
  border-radius: 8px;
  -webkit-box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
}

.cw-bsafe-features .cw-bsafe-icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 70px;
  height: 70px;
  margin-bottom: 1rem;
  font-size: 1.9rem;
  color: var(--color-theme-primary, #f4e311);
  background: #111111;
  border-radius: 50%;
}

.cw-bsafe-features .cw-bsafe-feature-title {
  font-weight: 800;
  font-size: 1.15rem;
  text-transform: uppercase;
  margin-bottom: 0.5rem;
}

.cw-bsafe-features .cw-bsafe-feature p:last-child {
  margin-bottom: 0;
  color: #4f4f4f;
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
  .cw-bsafe-features {
    padding: 4rem 0;
  }
}

/* Large devices (desktops, 992px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 992px) {
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
}

/* B-SAFE At a Glance (image + plain-English summary) */
.cw-bsafe-glance {
  padding: 3rem 0;
}

.cw-bsafe-glance .cw-bsafe-sheet {
  display: block;
  border: 1px solid #c9c9c9;
  border-radius: 8px;
  overflow: hidden;
  -webkit-box-shadow: 0 4px 18px rgba(0, 0, 0, 0.15);
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.15);
}

.cw-bsafe-glance .cw-bsafe-sheet-note {
  font-size: 0.9rem;
  color: #4f4f4f;
  margin-top: 0.5rem;
}

.cw-bsafe-glance .cw-bsafe-facts {
  list-style: none;
  padding: 0;
  margin: 1.5rem 0;
}

.cw-bsafe-glance .cw-bsafe-facts li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0.75rem 0;
  border-bottom: 1px solid #e2e2e2;
}

.cw-bsafe-glance .cw-bsafe-facts li i {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 42px;
  height: 42px;
  line-height: 42px;
  margin-right: 1rem;
  text-align: center;
  font-size: 1.1rem;
  color: #111111;
  background: var(--color-theme-primary, #f4e311);
  border-radius: 50%;
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
}

/* Large devices (desktops, 992px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 992px) {
  .cw-bsafe-glance {
    padding: 4rem 0;
  }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
}

/* B-SAFE Model Cards & Pricing */
.cw-bsafe-models {
  padding: 3rem 0;
  background: #f5f5f5;
}

.cw-bsafe-models .cw-bsafe-intro {
  color: #4f4f4f;
  margin-bottom: 2rem;
}

.cw-bsafe-models .cw-bsafe-model {
  height: 100%;
  background: #ffffff;
  border: 2px solid #c9c9c9;
  border-radius: 10px;
  overflow: hidden;
  -webkit-box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
}

.cw-bsafe-models .cw-bsafe-model-deluxe {
  border-color: var(--color-theme-primary, #f4e311);
}

.cw-bsafe-models .cw-bsafe-model-head {
  padding: 1rem 1.25rem;
  color: #ffffff;
  background: #333333;
}

.cw-bsafe-models .cw-bsafe-model-deluxe .cw-bsafe-model-head {
  color: #111111;
  background: var(--color-theme-primary, #f4e311);
}

.cw-bsafe-models .cw-bsafe-model-head .cw-bsafe-model-name {
  font-weight: 800;
  font-size: 1.6rem;
  text-transform: uppercase;
  margin: 0;
}

.cw-bsafe-models .cw-bsafe-model-head .cw-bsafe-model-tag {
  font-size: 0.85rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin: 0;
}

.cw-bsafe-models .cw-bsafe-model-body {
  padding: 1.25rem;
}

.cw-bsafe-models .cw-bsafe-summary {
  font-style: italic;
  color: #4f4f4f;
}

.cw-bsafe-models .cw-bsafe-label {
  font-weight: 800;
  font-size: 0.9rem;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin: 1.25rem 0 0.5rem;
}

.cw-bsafe-models .cw-bsafe-dims {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.cw-bsafe-models .cw-bsafe-dims span {
  display: inline-block;
  margin: 0 0.5rem 0.5rem 0;
  padding: 0.35rem 0.75rem;
  font-weight: 600;
  background: #eeeeee;
  border-radius: 50px;
}

.cw-bsafe-models .cw-bsafe-price-box {
  padding: 1rem 1.25rem;
  color: #ffffff;
  background: #111111;
  border-radius: 8px;
}

.cw-bsafe-models .cw-bsafe-price-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  padding: 0.5rem 0;
  border-bottom: 1px dashed #555555;
}

.cw-bsafe-models .cw-bsafe-price-row:last-child {
  border-bottom: none;
}

.cw-bsafe-models .cw-bsafe-price-row .cw-bsafe-price-label {
  color: #d6d6d6;
  font-weight: 600;
}

.cw-bsafe-models .cw-bsafe-price-row .cw-bsafe-price-value {
  font-weight: 800;
  font-size: 1.25rem;
}

.cw-bsafe-models .cw-bsafe-price-row.cw-bsafe-price-main .cw-bsafe-price-value {
  font-size: 2rem;
  color: var(--color-theme-primary, #f4e311);
}

.cw-bsafe-models .cw-bsafe-checklist {
  list-style: none;
  padding: 0;
  margin: 0;
}

.cw-bsafe-models .cw-bsafe-checklist li {
  padding: 0.3rem 0;
}

.cw-bsafe-models .cw-bsafe-checklist li i {
  margin-right: 0.5rem;
  color: #1a7f37;
}

.cw-bsafe-models .cw-bsafe-profit {
  margin-top: 2rem;
  padding: 1.25rem;
  text-align: center;
  color: #ffffff;
  background: #111111;
  border-radius: 10px;
}

.cw-bsafe-models .cw-bsafe-profit p {
  margin: 0;
  font-weight: 700;
  text-transform: uppercase;
}

.cw-bsafe-models .cw-bsafe-profit .cw-bsafe-profit-amount {
  display: block;
  font-size: 2.25rem;
  font-weight: 800;
  color: var(--color-theme-primary, #f4e311);
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
  .cw-bsafe-models {
    padding: 4rem 0;
  }

  .cw-bsafe-models .cw-bsafe-model-body {
    padding: 1.5rem 2rem;
  }
}

/* Large devices (desktops, 992px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 992px) {
  .cw-bsafe-models .cw-bsafe-profit .cw-bsafe-profit-amount {
    display: inline-block;
    margin-left: 1rem;
    vertical-align: middle;
  }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
}

/* B-SAFE Side-by-Side Table */
.cw-bsafe-compare {
  padding: 3rem 0;
}

.cw-bsafe-compare .cw-bsafe-intro {
  color: #4f4f4f;
  margin-bottom: 1.5rem;
}

.cw-bsafe-compare .table {
  margin-bottom: 0;
  background: #ffffff;
}

.cw-bsafe-compare .table thead th {
  color: var(--color-theme-primary, #f4e311);
  background: #111111;
  border-color: #111111;
  font-weight: 800;
  text-transform: uppercase;
  vertical-align: middle;
}

.cw-bsafe-compare .table th,
.cw-bsafe-compare .table td {
  padding: 0.75rem;
  vertical-align: middle;
}

.cw-bsafe-compare .table td.cw-bsafe-cell {
  width: 28%;
  text-align: center;
  font-weight: 700;
}

.cw-bsafe-compare .table .cw-bsafe-group td {
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 1px;
  background: #eeeeee;
}

.cw-bsafe-compare .fa-circle-check {
  font-size: 1.25rem;
  color: #1a7f37;
}

.cw-bsafe-compare .cw-bsafe-no {
  color: #6b6b6b;
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
  .cw-bsafe-compare {
    padding: 4rem 0;
  }
}

/* Large devices (desktops, 992px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 992px) {
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
}

/* B-SAFE Contact & Ordering */
.cw-bsafe-contact {
  padding: 3rem 0;
  color: #ffffff;
  background: #111111;
}

.cw-bsafe-contact h2 {
  color: #ffffff;
}

.cw-bsafe-contact .cw-bsafe-contact-card {
  display: block;
  height: 100%;
  padding: 1.5rem 1rem;
  text-align: center;
  color: #ffffff;
  text-decoration: none;
  background: #1f1f1f;
  border: 1px solid #333333;
  border-radius: 10px;
  -webkit-transition: border-color 0.3s ease;
  transition: border-color 0.3s ease;
}

.cw-bsafe-contact .cw-bsafe-contact-card:hover,
.cw-bsafe-contact .cw-bsafe-contact-card:focus {
  color: #ffffff;
  border-color: var(--color-theme-primary, #f4e311);
}

.cw-bsafe-contact .cw-bsafe-contact-card i {
  display: block;
  margin-bottom: 0.75rem;
  font-size: 2rem;
  color: var(--color-theme-primary, #f4e311);
}

.cw-bsafe-contact .cw-bsafe-contact-card .cw-bsafe-contact-label {
  display: block;
  font-size: 0.85rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #d6d6d6;
}

.cw-bsafe-contact .cw-bsafe-contact-card .cw-bsafe-contact-value {
  display: block;
  font-size: 1.15rem;
  font-weight: 800;
  word-break: break-word;
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
  .cw-bsafe-contact {
    padding: 4rem 0;
  }
}

/* Large devices (desktops, 992px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 992px) {
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
}

/*!!!!! HEN HOUSE PAGE (styled after the B-SAFE page) !!!!!*/

/* Hen House - shared section title */
.cw-hh-title {
  font-family: "Lato", sans-serif !important;
  font-weight: 800 !important;
  font-size: 2rem !important;
  line-height: 1.1;
  text-transform: uppercase;
  color: #111111;
  margin-bottom: 1.25rem;
}

.cw-hh-title span {
  display: inline-block;
  padding: 0 0.4rem;
  color: var(--color-theme-primary, #f4e311);
  background: #111111;
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
  .cw-hh-title {
    font-size: 2.25rem !important;
  }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
}

/* Large devices (desktops, 992px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 992px) {
  .cw-hh-title {
    font-size: 2.75rem !important;
  }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
}

/* Hen House - intro (image + text) */
.cw-hh-intro {
  padding: 3rem 0;
  background: #ffffff;
}

.cw-hh-intro .cw-hh-eyebrow {
  display: inline-block;
  margin-bottom: 1rem;
  padding: 0.35rem 0.75rem;
  font-size: 0.85rem;
  font-weight: 800;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #111111;
  border-left: 4px solid var(--color-theme-primary, #f4e311);
  background: #eeeeee;
}

.cw-hh-intro p {
  line-height: 1.7;
  color: #333333;
}

.cw-hh-intro .cw-hh-slogan {
  display: inline-block;
  padding: 0.35rem 0.75rem;
  font-weight: 800;
  font-style: italic;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #111111;
  background: var(--color-theme-primary, #f4e311);
}

.cw-hh-intro .cw-hh-photo {
  overflow: hidden;
  border-radius: 10px;
  border-bottom: 6px solid var(--color-theme-primary, #f4e311);
  -webkit-box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
}

.cw-hh-intro .cw-hh-photo img {
  width: 100%;
}

.cw-hh-intro .cw-hh-btns .btn {
  margin: 0.25rem 0.5rem 0.25rem 0;
  padding: 0.65rem 1.25rem;
  font-weight: 800;
  text-transform: uppercase;
}

.cw-hh-intro .cw-hh-btns .btn i {
  margin-right: 0.4rem;
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
  .cw-hh-intro {
    padding: 4rem 0;
  }
}

/* Large devices (desktops, 992px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 992px) {
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
}

/* Hen House - pricing packages + accessories */
.cw-hh-pricing {
  padding: 3rem 0;
  background: #f5f5f5;
}

.cw-hh-pricing .cw-hh-title {
  margin-bottom: 2rem;
}

.cw-hh-pricing .cw-hh-package {
  height: 100%;
  overflow: hidden;
  text-align: center;
  background: #ffffff;
  border: 2px solid #c9c9c9;
  border-radius: 10px;
  -webkit-box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
}

.cw-hh-pricing .cw-hh-package-featured {
  border-color: var(--color-theme-primary, #f4e311);
}

.cw-hh-pricing .cw-hh-package-head {
  padding: 1rem 1.25rem;
  color: #ffffff;
  background: #333333;
}

.cw-hh-pricing .cw-hh-package-featured .cw-hh-package-head {
  color: #111111;
  background: var(--color-theme-primary, #f4e311);
}

.cw-hh-pricing .cw-hh-package-name {
  margin: 0;
  font-weight: 800;
  font-size: 1.15rem;
  text-transform: uppercase;
}

.cw-hh-pricing .cw-hh-package-price {
  margin: 1.25rem;
  padding: 1rem;
  color: var(--color-theme-primary, #f4e311);
  background: #111111;
  border-radius: 8px;
}

.cw-hh-pricing .cw-hh-package-price span {
  font-size: 2.5rem;
  font-weight: 800;
}

.cw-hh-pricing .cw-hh-accessories {
  max-width: 820px;
  margin: 0 auto;
  padding: 1.5rem 1.25rem;
  background: #ffffff;
  border-top: 5px solid var(--color-theme-primary, #f4e311);
  border-radius: 10px;
  -webkit-box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
}

.cw-hh-pricing .cw-hh-accessories-title {
  margin-bottom: 0.75rem;
  font-weight: 800;
  font-size: 1.25rem;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #111111;
}

.cw-hh-pricing .cw-hh-price-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.cw-hh-pricing .cw-hh-price-list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  padding: 0.6rem 0;
  border-bottom: 1px dashed #c9c9c9;
  color: #333333;
}

.cw-hh-pricing .cw-hh-price-list li:last-child {
  border-bottom: none;
}

.cw-hh-pricing .cw-hh-price-list li strong {
  margin-left: 1rem;
  font-weight: 800;
  color: #111111;
  white-space: nowrap;
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
  .cw-hh-pricing {
    padding: 4rem 0;
  }

  .cw-hh-pricing .cw-hh-accessories {
    padding: 2rem;
  }
}

/* Large devices (desktops, 992px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 992px) {
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
}

/* Hen House - text module unwrap (lets the colors / call bands run full width) */
.page-hillbilly-hen-house section.text {
  padding: 0;
}

.page-hillbilly-hen-house section.text > .text-container {
  max-width: none;
  margin: 0;
  padding: 0;
}

/* Hen House - colors + uses */
.cw-hh-colors {
  padding: 3rem 0;
  background: #ffffff;
}

.cw-hh-colors .cw-hh-colors-label {
  font-weight: 700;
  color: #333333;
}

.cw-hh-colors .cw-hh-swatches {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  list-style: none;
  padding: 0;
  margin: 0 0 2rem;
}

.cw-hh-colors .cw-hh-swatches li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0.35rem;
  padding: 0.5rem 1rem 0.5rem 0.5rem;
  font-weight: 700;
  color: #111111;
  background: #f5f5f5;
  border: 1px solid #e2e2e2;
  border-radius: 50px;
}

.cw-hh-colors .cw-hh-swatch {
  display: inline-block;
  width: 32px;
  height: 32px;
  margin-right: 0.6rem;
  border: 2px solid #ffffff;
  border-radius: 50%;
  -webkit-box-shadow: 0 0 0 1px #c9c9c9;
  box-shadow: 0 0 0 1px #c9c9c9;
}

.cw-hh-colors .cw-hh-swatch-brown {
  background-image: -webkit-linear-gradient(135deg, #6b4a2f 50%, #111111 50%);
  background-image: linear-gradient(135deg, #6b4a2f 50%, #111111 50%);
}

.cw-hh-colors .cw-hh-swatch-green {
  background-image: -webkit-linear-gradient(135deg, #2f5d34 50%, #111111 50%);
  background-image: linear-gradient(135deg, #2f5d34 50%, #111111 50%);
}

.cw-hh-colors .cw-hh-swatch-charcoal {
  background-image: -webkit-linear-gradient(135deg, #45484d 50%, #111111 50%);
  background-image: linear-gradient(135deg, #45484d 50%, #111111 50%);
}

.cw-hh-colors .cw-hh-swatch-slate {
  background-image: -webkit-linear-gradient(135deg, #5a5f66 50%, #111111 50%);
  background-image: linear-gradient(135deg, #5a5f66 50%, #111111 50%);
}

.cw-hh-colors .cw-hh-swatch-gray {
  background-image: -webkit-linear-gradient(135deg, #9a9a9a 50%, #111111 50%);
  background-image: linear-gradient(135deg, #9a9a9a 50%, #111111 50%);
}

.cw-hh-colors .cw-hh-uses {
  max-width: 820px;
  margin: 0 auto;
  padding: 1.5rem;
  text-align: center;
  color: #111111;
  background: var(--color-theme-primary, #f4e311);
  border-radius: 10px;
}

.cw-hh-colors .cw-hh-uses-icons i {
  margin: 0 0.35rem 0.75rem;
  font-size: 1.75rem;
}

.cw-hh-colors .cw-hh-uses p {
  margin: 0;
  font-size: 1.2rem;
  font-weight: 800;
  font-style: italic;
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
  .cw-hh-colors {
    padding: 4rem 0;
  }

  .cw-hh-colors .cw-hh-uses p {
    font-size: 1.4rem;
  }
}

/* Large devices (desktops, 992px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 992px) {
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
}

/* Hen House - call / contact band */
.cw-hh-call {
  padding: 3rem 0;
  color: #ffffff;
  background: #111111;
}

.cw-hh-call .cw-hh-title {
  color: #ffffff;
  margin-bottom: 2rem;
}

.cw-hh-call .cw-hh-title span {
  padding: 0;
  background: transparent;
}

.cw-hh-call .cw-hh-call-card {
  display: block;
  height: 100%;
  padding: 1.5rem 1rem;
  text-align: center;
  color: #ffffff;
  text-decoration: none;
  background: #1f1f1f;
  border: 1px solid #333333;
  border-radius: 10px;
  -webkit-transition: border-color 0.3s ease;
  transition: border-color 0.3s ease;
}

.cw-hh-call .cw-hh-call-card:hover,
.cw-hh-call .cw-hh-call-card:focus {
  color: #ffffff;
  border-color: var(--color-theme-primary, #f4e311);
}

.cw-hh-call .cw-hh-call-card i {
  display: block;
  margin-bottom: 0.75rem;
  font-size: 2rem;
  color: var(--color-theme-primary, #f4e311);
}

.cw-hh-call .cw-hh-call-label {
  display: block;
  font-size: 0.85rem;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #d6d6d6;
}

.cw-hh-call .cw-hh-call-value {
  display: block;
  font-size: 1.15rem;
  font-weight: 800;
  word-break: break-word;
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
  .cw-hh-call {
    padding: 4rem 0;
  }
}

/* Large devices (desktops, 992px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 992px) {
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
}

/* Hen House - built-in slideshow, review form and gallery */
.page-hillbilly-hen-house .galleryslideshow {
  padding: 3rem 0;
  background: #ffffff;
}

.page-hillbilly-hen-house .galleryslideshow .galleryslideshow-arrow {
  color: #111111;
  background: var(--color-theme-primary, #f4e311);
  border-color: var(--color-theme-primary, #f4e311);
}

.page-hillbilly-hen-house .galleryslideshow img {
  border-radius: 8px;
}

.page-hillbilly-hen-house section.form {
  padding: 3rem 0;
  background: #f5f5f5;
}

.page-hillbilly-hen-house section.form .form-wrap {
  max-width: 860px;
  margin: 0 auto;
  padding: 1.5rem 1.25rem;
  background: #ffffff;
  border-top: 5px solid var(--color-theme-primary, #f4e311);
  border-radius: 10px;
  -webkit-box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
}

.page-hillbilly-hen-house section.form .webit-forms-header {
  font-family: "Lato", sans-serif !important;
  font-weight: 800 !important;
  font-size: 1.75rem !important;
  text-transform: uppercase;
  color: #111111;
}

.page-hillbilly-hen-house section.form .btn {
  padding: 0.65rem 2rem;
  font-weight: 800;
  text-transform: uppercase;
}

.page-hillbilly-hen-house .gallery {
  padding: 3rem 0;
  background: #ffffff;
}

.page-hillbilly-hen-house .gallery .gallery-card {
  overflow: hidden;
  border: none;
  border-radius: 8px;
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
  .page-hillbilly-hen-house section.form .form-wrap {
    padding: 2rem 2.5rem;
  }

  .page-hillbilly-hen-house section.form .webit-forms-header {
    font-size: 2.25rem !important;
  }
}

/* Large devices (desktops, 992px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 992px) {
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
}

/*!!!!! PRICING PAGE (styled after the B-SAFE page) !!!!!*/

/* Pricing - price list cards */
.cw-pricing {
  padding: 3rem 0;
  background: #f5f5f5;
}

.cw-pricing .cw-price-card {
  height: 100%;
  overflow: hidden;
  background: #ffffff;
  border-radius: 10px;
  -webkit-box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
}

.cw-pricing .cw-price-card .cw-price-card-head {
  margin: 0;
  padding: 1rem 1.25rem;
  font-family: "Lato", sans-serif !important;
  font-weight: 800 !important;
  font-size: 1.25rem !important;
  line-height: 1.2;
  text-transform: uppercase;
  color: var(--color-theme-primary, #f4e311);
  background: #111111;
  border-bottom: 5px solid var(--color-theme-primary, #f4e311);
}

.cw-pricing .cw-price-card .cw-price-card-head a {
  display: block;
  margin-top: 0.25rem;
  font-size: 1rem;
  color: #ffffff;
  text-decoration: none;
}

.cw-pricing .cw-price-card .cw-price-card-head a:hover,
.cw-pricing .cw-price-card .cw-price-card-head a:focus {
  color: var(--color-theme-primary, #f4e311);
  text-decoration: underline;
}

.cw-pricing .cw-price-list {
  list-style: none;
  margin: 0;
  padding: 0.5rem 1.25rem 1rem;
}

.cw-pricing .cw-price-list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  padding: 0.6rem 0;
  color: #333333;
  border-bottom: 1px dashed #c9c9c9;
}

.cw-pricing .cw-price-list li:last-child {
  border-bottom: none;
}

.cw-pricing .cw-price-list li strong {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-left: 1rem;
  font-weight: 800;
  color: #111111;
  white-space: nowrap;
}

.cw-pricing .cw-price-list .cw-price-group {
  display: block;
  margin-top: 0.75rem;
  padding: 0.4rem 0.75rem;
  font-size: 0.85rem;
  font-weight: 800;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #111111;
  background: #eeeeee;
  border-bottom: none;
  border-left: 4px solid var(--color-theme-primary, #f4e311);
}

.cw-pricing .cw-price-list .cw-price-note {
  display: block;
  padding-top: 0.25rem;
  font-size: 0.9rem;
  font-style: italic;
  color: #4f4f4f;
}

.cw-pricing .cw-price-list .cw-price-combo {
  margin: 0.35rem -0.5rem;
  padding: 0.6rem 0.5rem;
  font-weight: 700;
  color: #ffffff;
  background: #111111;
  border-bottom: none;
  border-radius: 6px;
}

.cw-pricing .cw-price-list .cw-price-combo strong {
  color: var(--color-theme-primary, #f4e311);
}

.cw-pricing .cw-price-list .cw-price-oos {
  margin: 0 -0.5rem;
  padding: 0.6rem 0.5rem;
  color: #111111;
  background: #fff3a6;
  border-left: 4px solid #111111;
}

.cw-pricing .cw-price-list .cw-price-multi {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.cw-pricing .cw-price-list .cw-price-multi strong {
  margin-left: 0;
  white-space: normal;
}

.cw-pricing .cw-price-legend {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 1.25rem 1.25rem;
  padding: 0.85rem 1rem;
  font-weight: 800;
  color: #111111;
  background: #f5f5f5;
  border-radius: 8px;
}

.cw-pricing .cw-price-legend .cw-price-legend-swatch {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  margin-right: 0.85rem;
  background: #fff3a6;
  border-left: 4px solid #111111;
  border-radius: 4px;
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
  .cw-pricing {
    padding: 4rem 0;
  }

  .cw-pricing .cw-price-options .cw-price-list {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 2.5rem;
    -moz-column-gap: 2.5rem;
    column-gap: 2.5rem;
  }

  .cw-pricing .cw-price-options .cw-price-list li {
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
  }
}

/* Large devices (desktops, 992px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 992px) {
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  .cw-pricing .cw-price-options .cw-price-list {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
  }
}


/* Trailer Pages */

    /* Yard & Farm Pricing */
    .yard-pricing {
      --yp-black: #111111;
      --yp-yellow: #F2E32D;
      --yp-white: #FFFFFF;
      --yp-muted: #B8B8B8;
    
      padding: 36px;
      background: var(--yp-black);
      border: 1px solid #303030;
      border-radius: 12px;
      color: var(--yp-white);
      font-family: inherit;
    }
    
    .yard-pricing__header {
      margin-bottom: 28px;
    }
    
    .yard-pricing__eyebrow {
      display: inline-block;
      margin-bottom: 12px;
      color: var(--yp-yellow);
      font-size: 11px;
      font-weight: 800;
      letter-spacing: 3px;
    }
    
    .yard-pricing__header h2 {
      margin: 0 0 8px;
      color: var(--yp-white);
      font-size: clamp(26px, 4vw, 36px);
      font-weight: 800;
      letter-spacing: -1px;
      line-height: 1.15;
    }
    
    .yard-pricing__header p {
      margin: 0 0 16px;
      color: var(--yp-muted);
      font-size: 15px;
    }
    
    .yard-pricing__notice {
      display: inline-block;
      padding: 6px 12px;
      background: rgba(242, 227, 45, 0.12);
      border: 1px solid rgba(242, 227, 45, 0.45);
      border-radius: 4px;
      color: var(--yp-yellow);
      font-size: 10px;
      font-weight: 800;
      letter-spacing: 1.5px;
    }
    
    .yard-pricing__card {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      gap: 24px;
      height: 100%;
      min-height: 185px;
      padding: 24px;
      background: #1B1B1B;
      border: 1px solid #353535;
      border-radius: 8px;
      transition: border-color 0.2s ease,
                  transform 0.2s ease,
                  background 0.2s ease;
                  border-top: 3px solid var(--yp-yellow);
    }
    
    .yard-pricing__card:hover {
      transform: translateY(-3px);
      border-color: var(--yp-yellow);
      background: #202020;
    }
    
    .yard-pricing__card--featured {
      border-top: 3px solid var(--yp-yellow);
    }
    
    .yard-pricing__label {
      display: block;
      margin-bottom: 10px;
      color: var(--yp-yellow);
      font-size: 10px;
      font-weight: 800;
      letter-spacing: 2px;
      text-transform: uppercase;
    }
    
    .yard-pricing__details h3 {
      margin: 0 0 6px;
      color: var(--yp-white);
      font-size: 21px;
      font-weight: 750;
      line-height: 1.3;
    }
    
    .yard-pricing__details p {
      margin: 0;
      color: var(--yp-muted);
      font-size: 13px;
    }
    
    .yard-pricing__price {
      color: var(--yp-yellow);
      font-size: clamp(32px, 4vw, 40px);
      font-weight: 800;
      letter-spacing: -1.5px;
      line-height: 1;
    }
    
    .yard-pricing__price span {
      margin-right: 2px;
      font-size: 21px;
      vertical-align: 5px;
    }
    
    @media (max-width: 767px) {
      .yard-pricing {
        padding: 24px 18px;
      }
    
      .yard-pricing__header {
        margin-bottom: 22px;
      }
    
      .yard-pricing__card {
        min-height: 160px;
        padding: 20px;
      }
    }
    
    @media (prefers-reduced-motion: reduce) {
      .yard-pricing__card {
        transition: none;
      }
    
      .yard-pricing__card:hover {
        transform: none;
      }
    }