/* HERO
*************************************/
@media(max-width: 767.98px) {
   .hero-section .container {
    position: relative;
    left: auto;
    top: auto;
    transform: none;
}
.hero-section {
    height: fit-content;
}
}

/* NAVBAR
*************************************/
.navbar,
.wide-navbar,
.navbar-header {
    max-width: 100%;
    width: 100%;
}
@media(max-width: 767.98px) {
.navbar-fixed-spacer {
        height: 72px !important;
}
}

/* CUSTOM BANNER
*************************************/
.banner-container.containerdynamic-fixed {
    display: none;
}

.banner-container {
  background-color: #00296b;
}

.container:has(.cb-wrapper) {
    padding: 0px!important;
}

/* Banner Wrapper */
.cb-wrapper {
  background-color: #00296b;
  color: #f4f4f4;
  font-size: 12px;
  width: 100%;
  border-bottom: 1px solid #333333;
}

/* Container (Horizontal layout on mobile with icon-only view) */
.cb-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 8px 24px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

/* Info Group */
.cb-info-group {
  display: flex;
  align-items: center;
  gap: 16px;
}

/* Contact Row */
.cb-contact-row {
  display: flex;
  align-items: center;
  gap: 16px;
}

/* Items */
.cb-item {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #cccccc;
  text-decoration: none;
  transition: color 0.2s ease;
}

.cb-link:hover {
  color: #ffffff;
  text-decoration: none;
}

/* Hide text labels on mobile */
.cb-label {
  display: none;
}

/* Icons (Optimized touch targets on mobile) */
.cb-icon {
  font-size: 16px;
  width: 20px;
  text-align: center;
  flex-shrink: 0;
}

.cb-fb-icon {
  font-size: 16px;
}

/* Hidden desktop separator on mobile */
.cb-divider {
  display: none;
}

/* Social Link */
.cb-social-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #cccccc;
  text-decoration: none;
  padding: 2px;
  transition: color 0.2s ease;
}

.cb-social-link:hover {
  color: #1877f2;
  text-decoration: none;
}

/* Desktop Styles (768px and up) - Reveals text labels and adjusts sizing */
@media (min-width: 768px) {
  .cb-wrapper {
    font-size: 15px;
  }

  .cb-container {
    padding: 8px 20px;
  }

  .cb-info-group {
    gap: 20px;
  }

  .cb-contact-row {
    gap: 12px;
  }

  /* Show text labels */
  .cb-label {
    display: inline;
  }

  .cb-icon {
    font-size: 15px;
    width: 18px;
  }

  .cb-fb-icon {
    font-size: 17px;
  }

  .cb-divider {
    display: inline;
    color: #666666;
  }
}

/* form
***********************************************************/
.form-submit .btn-default,
.form-submit .btn-default:hover {
    color: white;
}

/* TEXT US
***********************************************************/
.promptPriceBtn {
    z-index: 1;
}

.promptPriceBtn a.btn-default.accent-color1 {
    background-color: #fff!important;
}

/* modal */
.modal-content {
    color: #121212!important;
}

.modal-content textarea {
    margin: 0px;
}

/* CUSTOM RV BUTTONS
***********************************************************/
.rv-btn {
    text-align: center!important;
}

.rv-btn .label {
    color: #121212!important;
}

/* INVENTORY LIST
***********************************************************/
.pricevalue1.beforevalue.accent-color2,
.pricevalue1.yousavevalue.accent-color2 {
    color: #fff!important;
}

/* Navbar
****************************************/
.navbar-nav a {
    font-size: 14px;
}

a.navbar-brand img {
    max-width: 200px !important;
}

@media (max-width: 767.98px) {
a.navbar-brand img {
    max-height: 52px!important;
}
.navbar-header {
    padding: 8px 0px;
}
}

/* color */
.navbar-default,
.navbar-fixed-top,
div:has(.pageid-hom) .navbar-default {
    background: transparent;
    background-color: #fff!important;
}


div:has(.pageid-hom) .navbar-default .navbar-nav > li > a,
.navbar-default .navbar-nav > li > a {
    color: #121212!important ;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #121212!important ;
}

.navbar-right-menu-label,
.navbar-right-menu-icon .fa-2x,
a.banner-link .fa {
    color: #ff0000!important ;
}

@media (min-width: 768px) {
a.navbar-brand img {
    padding: 8px 0px!important;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > .active > a:hover {
    color:#121212!important;
}
}

/* Change Background of Nav homepage
****************************************/
div:has(.pageid-hom) .navbar-default.dynamic-fixed {
    background: transparent;
    background-color: #fff!important;
}

.navbar-default, .navbar-fixed-top, div:has(.pageid-hom) .navbar-default, div:has(.pageid-hom) .navbar-default.dynamic-fixed.navbar-fixed-top {
background: #fff!important;
}
span.accent-color1.beforevalue {
    color: #000 !important;
}

span.internetlabel {
    color: #36c !important;
}

span.savings.savingsLabel {
    color: #D4083D;
}

span.accent-color2.savings.savingsValue {
    color: #D4083D !important;
}

span.accent-color1.internetvalue {
    color: #36c !important;
}

span.savings.savingsLabel {
    color: #D4083D !important;
}