/*
// Theme Name : Paws and Palm Adventure
// Created On : 9/29/2026
// Author : Joe Kustek
// Version : 1.0
// Description : Custom built theme in JoeCms.
*/
/* custom styles */

.conf-message {
  padding: 10px;
  background: #aefeae;
}

.btn {
  width: 100%;
background: orange;
color: #000;
font-weight: bold;
font-size: 20px;
}
.btn:hover, .btn:focus, btn:active {
  width: 100%;
background: #000!Important;
color: #fff!Important;
font-weight: bold!Important;
font-size: 20px!Important;
}

#navbrand {
  font-size: 15px;
}

.jstyle-11 {
  color: #fff;
}

/* end of custom styles */
.site-top-header .container {
  max-width: 1375px!Important
}
.site-header .container {
  max-width: 1375px!Important
}
.navbar  {
  max-width: 1375px!Important
}
html {
  scroll-behavior: smooth;
}

.growth-header-wrapper {
background-image: linear-gradient(#fdbf04, #fff);
}

/* Desktop Styles */
@media only screen and (min-width: 991px) {

}

/* Mobile Styles */
@media only screen and (max-width: 991px) {

  .nav-wrapper {
     height: auto !important;
     min-height: 54px;
   }
   .navbar-toggler {
     margin: 5px 0;
   }


  .jstyle-38 {
      padding-top: 55px;
      padding-bottom: 183px;
      background-image: url(https://pawsandpalmadventure.com/files/6abd3dde8e9e2.webp);
      background-repeat: no-repeat;
      background-attachment: scroll;
      background-position: center bottom;
      /* background-size: cover; */
      background-color: #FF8000!Important;
      background-size: auto !important;
  }


  .jstyle-12 {
    text-align: center!Important;
  }
  .nav-item a {
  color: #fff;
  }
  .nav-item a:hover {
  color: #fff;
  }
  .dropdown-menu a {
    color: #000;
  }
  .dropdown-menu a:hover {
    color: #000;
  }
  .mainnavigation {
    background: #000;
  }
}




#myBtn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  background-color: #000;
  color: white;
  cursor: pointer;
  padding: 15px;
  border-radius: 4px;
}

#myBtn:hover {
  background-color: #555;
}

@media only screen and (max-width: 991px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    max-width: 100%!Important;
    flex: none;
  }
  #myBtn {
    display: none!Important;
  }
  #ml-ul {
    text-align: center;
  }

}