/*****************************
** Custom site styles can be added to this file - EDIT AT YOUR OWN RISK!!!
*****************************/

.content-home {  
  background-image: url('https://assets-cdn.interactcp.com/adventurecampersusa/images/31c4d140e1f67daef751005c9adafd5efd823755.jpg');
    padding-top: 110px;
    padding-bottom: 430px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.search-group {
  display: flex;
  margin-top: 5px;
}

.typeahead__query {
    position: relative;
    z-index: 2;
    width: 25rem !important;
}

.typeahead__field input {
  padding: 8px 12px;
  font-size: 14px;
  border: none;
  outline: none;
  font-family: Helvetica, sans-serif;
  height: 100%;
}

.go-button {
  padding: 8px 14px;
  background: #8A6E66;
  color: #fff;
  border: none;
  font-family: Chakra Petch, sans-serif;
  font-size: 16px;
  cursor: pointer;
}

.typeahead__button button { 
  background: var(--primary-bg-color) !important;
}

.location-navbar p a:hover, .phone-number a:hover  {
 color: var(--primary-bg-color);
}

.btn-contact:hover {
 color: #fff;
  background:var(--primary-bg-color);
}

.typeahead__search-icon {
  display: none;
}

.typeahead__button button {
  color: #fff;
  font-weight: bold;
  font-size: 14px;
}

.typeahead__button button::before {
  content: "GO";
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  font-family: Chakra Petch, sans-serif;
}

/* buton */

  .hamburger-button {
        width: 40px;
        height: 28px;
        position: relative;
        border: none;
        background: transparent;
        padding: 0;
        margin: 10px 0;
        cursor: pointer;
    }

    .hamburger-button span {
        display: block;
        height: 3px;
        width: 100%;
        background: #000000;
        border-radius: 2px;
        position: absolute;
        left: 0;
        transition: all 0.3s ease-in-out;
    }

    .hamburger-button:hover span {
        background: #963D25;
    }

    .hamburger-button span:nth-child(1) {
        top: 0;
    }

    .hamburger-button span:nth-child(2) {
        top: 12px;
    }

    .hamburger-button span:nth-child(3) {
        bottom: 0;
    }

    .hamburger-button.active span:nth-child(1) {
        transform: rotate(45deg);
        top: 12px;
    }

    .hamburger-button.active span:nth-child(2) {
        opacity: 0;
    }

    .hamburger-button.active span:nth-child(3) {
        transform: rotate(-45deg);
        bottom: 12px;
    }

    .btn-colapse-nav {
        display: none;
    }

    .btn.active.focus,
    .btn.active:focus,
    .btn.focus,
    .btn:active.focus,
    .btn:active:focus,
    .btn:focus {
        outline: thin dotted;
        outline: inherit;
        outline-offset: -2px;
    }

.burger-content {
  display: flex;
  align-items: center;
  gap: 10px;
}

@media(max-width: 1200px){ 
.home-banner-buckets-wrapper .home-banner .cycle-slideshow { height: 335px; }
  .content-home { padding-bottom: 100px; }
}

@media(max-width: 992px){
  .content-home { padding-bottom: 0px; }
  .container { width: 100%; }
  .home-banner-buckets-wrapper .home-banner .cycle-slideshow { height: 250px; }
}


@media(max-width: 768px){
  .header-keyword { display: none; }
}
  
@media(max-width: 767px){
  .content-home { padding-top: 50px; }
  .instagram-content iframe { height: 100% !important; }
  .row-video .index-youtube-wrapper { width: 100%;  height: 235px; }
  .video-text { display: none; }
  .home-banner-buckets-wrapper .home-banner .cycle-slideshow { height: 140px; }
  .shopping-bag, .phone-address-container { display: none; }
  .social-content { position: absolute; right: 3%; top: 12px;}
  .navbar-container { text-align: left; }
  #main-nav .navbar-header { margin-left: 1rem; }
}