/*-- Header --*/
   header {
    border-bottom: 1px solid #e1e1e1;
  }

  .header .navbar-nav .nav-link {
    font-weight: 700 !important;
    text-transform: uppercase;
  }

  .header .header-info-logo-img img {
    width: 200px;
  }

  .cw-header-contact {
    background-color: var(--color-theme-secondary);
    color: var(--color-theme-text-btn);
  }

  .cw-header-contact a:hover {
    color: #fff;
  }

  .cw-header-contact .fa {
    display: inline-block;
    vertical-align: middle;
    padding-right: 0.25rem;
    color: var(--color-theme-secondary);
  }

  .cw-header-contact .cw-address,
  .cw-header-contact .cw-phone,
  .cw-header-contact .cw-hours {
    position: relative;
    vertical-align: middle;
    margin: 0.25rem;
    padding-left: 1.1rem;
    color: #fff;
    font-size: 0.8rem;
    text-transform: uppercase;
    font-weight: bold;
    display: inline-block;
  }

  .cw-header-contact .cw-hours {
    display: inline-block;
  }

  .cw-header-contact .cw-address:before {
    font-family: FontAwesome;
    content: "\f3c5";
    position: absolute;
    left: 0;
    padding-right: 0.5rem;
    color: #fff;
  }

  .cw-header-contact .cw-phone:before {
    font-family: FontAwesome;
    content: "\f2a0";
    position: absolute;
    left: 0;
    padding-right: 0.5rem;
    color: #fff;
  }

  .cw-header-contact .cw-hours:before {
    font-family: FontAwesome;
    content: "\f017";
    position: absolute;
    left: 0;
    padding-right: 0.5rem;
    color: #fff;
  }

  .header .navbar .active > .nav-link,
  .header .navbar .nav-link:hover {
    color: var(--color-theme-highlight);
  }

  .header .navbar .active > .nav-link {
    background-color: #fff !important;
  }

  .dropdown-menu .badge {
    background: var(--color-theme-secondary);
  }

  .navbar-dark .navbar-brand:focus,
  .navbar-dark .navbar-brand:hover {
    color: var(--header-navigationbartext);
  }

  @media (min-width: 992px) {
    /* .cw-header-contact {
		position: absolute;
		width: 100%;
		z-index: 1040;
	} */

    .cw-header-info .header-info-logo-img {
      position: absolute;
      z-index: 1040;
      /* top: 31px; */
    }

    nav.navbar .container {
      min-height: 90px;
      /* margin-top: 27px; */
    }

    /* keeps nav items on the right side of header */
    .header.has-cart .collapse.justify-content-center,
    .header .navbar-collapse.justify-content-center {
      -webkit-box-pack: flex-end !important;
      -ms-flex-pack: flex-end !important;
      justify-content: flex-end !important;
    }

    .header .navbar-nav:not(.navbar-cart) {
      /* set pixels to logo width (or more) */
      max-width: calc(100% - 210px);
      justify-content: center;
    }

    .cw-header-contact .cw-phone,
    .cw-header-contact .cw-address {
      margin-right: 2rem;
    }
  }

  @media (min-width: 1400px) {
    .header .container,
    .cw-header-contact .container {
      max-width: 1340px;
    }
  }

  /* 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) */
  @media (max-width: 992px) {
    .header .navbar-brand {
      font-size: 0px !important;
      background-image: url("https://cdn05.carsforsale.com/21b69568586312500e45aaf082769d2a/21b69568586312500e45aaf082769d2a.jpg?format=original&sig=356e488a58567084");
      background-size: contain;
      background-repeat: no-repeat;

      height: 80%;
      width: 100%;
    }
  }

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

  /* XX-Large devices (larger desktops, 1400px and up) */
  @media (min-width: 1400px) {
  }




	/* Hero North Valley */
	.cw-hero-NV {
		position: relative;
		display: flex;
		flex-flow: column;
		justify-content: center;
	}

	.cw-hero-NV .cw-main-img-text {
		text-align: center;
		padding: 40px 10px;
		color: var(--color-theme-text);
	}

	.cw-hero-NV .cw-main-img-text h1 {
	 
		font-size: 1.35rem;
		text-transform: uppercase;
		font-weight: 400;
	}

	.cw-hero-NV .cw-main-img-text h1 span {
		color: #fff;
		font-weight: 700;
		font-size: 1.8rem;
	}

	.cw-hero-NV .cw-main-img-text h1 .cw-small-text {
		color: #fff;
	}

	/* Small devices (landscape phones, 576px and up) */
	@media (min-width: 576px) {
		.cw-hero-NV .cw-main-img-text {
			position: absolute;
			width: 100%;
			left: 0px;
			color: #fff;
			max-width: 600px;
		}

		.cw-hero-NV .cw-main-img-text h1 {
			text-align: left;
			margin-left: 6%;
			text-shadow: 2px 2px 3px #000;
		}
	}

	/* Medium devices (tablets, 768px and up) */
	@media (min-width: 768px) {
		.cw-hero-NV .cw-main-img-text h1 {
			/* margin-left: 9%; */
			font-size: 2rem;
		}

		.cw-hero-NV .cw-main-img-text h1 span {
			font-size: 2.5rem;
		}

		.cw-hero-NV .cw-main-img-text h1 .cw-small-text {
			font-size: 1.5rem;
		}
	}

	/* Large devices (desktops, 992px and up) The navbar toggle appears at this breakpoint */
	@media (min-width: 992px) {
		.cw-hero-NV .cw-main-img-text h1 {
			font-size: 2.5rem;
		}

		.cw-hero-NV .cw-main-img-text h1 span {
			font-size: 3rem;
		}
	}

	/* Extra large devices (large desktops, 1200px and up) */
	@media (min-width: 1200px) {
		.cw-hero-NV {
			overflow: hidden;
			max-height: 65vh;
		}

		.cw-hero-NV .cw-main-img-text h1 .cw-small-text {
			font-size: 1.75rem;
		}
	}

	@media (min-width: 1400px) {
		.cw-hero-NV .cw-main-img-text h1 {
			font-size: 3rem;
		}

		.cw-hero-NV .cw-main-img-text h1 span {
			font-size: 3.5rem;
		}

		.cw-hero-NV .cw-main-img-text h1 .cw-small-text {
			font-size: 2rem;
		}
	}

	/* XXXLG: 1920px & Up */
	@media (min-width: 1920px) {
		.cw-hero-NV .cw-main-img-text h1 {
			font-size: 3.25rem;
		}

		.cw-hero-NV .cw-main-img-text h1 span {
			font-size: 4.15rem;
		}
	}


  
    .cw-image-links {
        padding: 0;
      }
    
      .cw-image-link {
        display: block;
        position: relative;
        width: 100%;
        aspect-ratio: 1 / 1;
        overflow: hidden;
      }
    
      .cw-image-link img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
        transition: transform 0.3s ease;
      }
    
      /* Dark Hover Overlay */
      .cw-image-link::after {
        content: "";
        position: absolute;
        inset: 0;
        background: rgba(0, 0, 0, 0.55);
        opacity: 0;
        transition: opacity 0.3s ease;
        z-index: 1;
      }
    
      /* Hover Text */
      .cw-image-link-text {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -45%);
        width: 90%;
        text-align: center;
        color: #fff;
        font-size: 24px;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 1px;
        opacity: 0;
        transition: all 0.3s ease;
        z-index: 2;
      }
    
      .cw-image-link:hover img {
        transform: scale(1.05);
      }
    
      .cw-image-link:hover::after {
        opacity: 1;
      }
    
      .cw-image-link:hover .cw-image-link-text {
        opacity: 1;
        transform: translate(-50%, -50%);
      }
    
      @media (max-width: 767px) {
        .cw-image-links .row {
          margin-left: 0;
          margin-right: 0;
        }
    
        .cw-image-links .col-12 {
          padding-left: 0;
          padding-right: 0;
          margin-bottom: 10px;
        }
    
        .cw-image-link {
          aspect-ratio: 1 / 1;
        }
    
        .cw-image-link-text {
          font-size: 22px;
        }
      }