/* Vendor branding first */
@import url("https://ttcm.s3.amazonaws.com/branding/template14.css");

  @import url('https://fonts.cdnfonts.com/css/jockey-one');

@font-face {
  font-display: swap;
  font-family: 'Jockey One';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/jockey-one.woff2') format('woff2');
}

/* Hide heading from vendor block */
#dwSelectCriteria h1 {
  display: none !important;
}

.hero-form iframe {
    height: 483px;
}

/* Centered container with stable width (prevents jerk) */
#dwTopDiv {
  background-color: #04244085;
  width: clamp(320px, 90vw, 640px);
  max-width: 450px;
  min-height: 120px;
  border: 2px solid #21bdc1;
}

ul {
    color: black;
}

/* Hide unwanted links */
a#dwASLink {
  display: none;
}

#dwButtonBox a {
  display: none;
}

/* Buttons */
#dwButtonBox button {color: #fff;background-color: #21bdc1;font-size: 23px;border-radius: 10px;padding: 5px 40px;transition: all ease 0.4s;cursor: pointer;position: absolute;bottom: -22px;border: 1px solid #192328;font-family: 'Jockey One', sans-serif;font-weight: 400;}
#dwButtonBox button:hover {
  background-color: #096bc6;
  border: 1px solid #096bc6;
}

/* Select styling â€” stable width to stop auto resize */
#dwSelectCriteria select {
  width: 100%;
  box-sizing: border-box;
  padding: 13px 44px 13px 10px;   /* extra right space for arrow */
  background-color: #f0f0f4;
  outline: none;
  -webkit-appearance: none;       /* Chrome/Safari/Opera */
  -moz-appearance: none;          /* Firefox */
  appearance: none;               /* Standard */
  border: none;
  border-radius: 0;
  position: relative;
                    /* avoid font-swap reflow */
  line-height: 1.1;
  margin-bottom: 15px;
}

/* Wrapper to place custom arrow */
#dwSelectCriteria > div {
  position: relative;
}

#dwSelectCriteria > div:after {
  content: "";
  position: absolute;
  top: 8px;
  right: 12px;
  width: 24px;
  height: 24px;
  background-image: url('https://godesignnow.com/s2s-wordpress/wp-content/uploads/2025/09/arrow-down.svg');
  background-size: contain;
  background-repeat: no-repeat;
  pointer-events: none;           /* click-through */
}

/* Remove arrow on non-ref block (as before) */
div#dwNonRef:after {
  display: none;
}

/* Hide Ajax mask */
div.zzAjaxMask {
  display: none !important;
}

/* Labels */
#dwSelectCriteria label {
  color: white;
}

/* --- Optional small tweaks --- */

/* Reduce unexpected CLS from images/icons inside the area */
#dwTopDiv img {
  max-width: 100%;
  height: auto;
  display: block;
}

/* --- Optional small tweaks --- */

/* Reduce unexpected CLS from images/icons inside the area */
#dwTopDiv img {
  max-width: 100%;
  height: auto;
  display: block;
}

#dwSelectCriteria {
    margin: 28px -2px 28px 8px;
    overflow: hidden;
}

#dwPort{
    display:block !important;
}

@media only screen and (max-width: 767px) {
    
.explore-destinations-search-form #dwTopDiv {
width: clamp(401px, 90vw, 640px) !important;
}

#dwSelectCriteria > div{
        float: left;
        width: 48%;
        margin-right: 2%;
}

div#dwNonRef {
    width: 100%;
}

#dwTopDiv{
      width: clamp(332px, 90vw, 640px);  
}

    .hero-form iframe {
        position: relative;
        width: 100%;
    }

.explore-destinations-search-form {
    margin: 0 auto;
    display: table;
    width: 100%;
    float: right;
}

.explore-destinations-search-head {
    margin-bottom: 20px;
}

}