/* ------------------------------------------ */
    /* ----- combobox / dropdown list styling     */
    /* ------------------------------------------ */

    .dd-box {

	background-color: var(--e-global-color-cbe3d40);

    font-size: var( --e-global-typography-8866178-font-size );
        line-height: var( --e-global-typography-8866178-line-height );
        letter-spacing: var(--e-global-typography-8866178-letter-spacing);
        word-spacing: var(--e-global-typography-8866178-word-spacing);
        color: var(--e-global-color-6ebc47f);
        font-family: var(--e-global-typography-8866178-font-family), Sans-serif;
        font-weight: var(--e-global-typography-8866178-font-weight);
        text-transform: var(--e-global-typography-8866178-text-transform);


        padding: 15px 60px;                  /* Match padding */

	border-radius
        border: none;
        display: flex;
        align-items: center;
        justify-content: space-between;
        line-height: 1;
        cursor: pointer;
        z-index: 10;
        transition: background-color 0.3s ease;
        text-align: left;
        border-radius: 15px;

        border: 1px solid var(--e-global-color-6ebc47f);

      }
      .dd-box:active, .dd-box:active;{
	background-color:#FFFFFF;
	color: var(--e-global-color-6ebc47f);
	border: 1px solid #FFFFFF
}
      

      .dd-box-white{
        background-color: #ffffff;            /* Match Book Now button */
	 color: var( --e-global-color-6ebc47f );
      }

         .dd-box-white:active,.dd-box-white:focus{
        background-color:#FFFFFF;
        color: var(--e-global-color-6ebc47f);
        border:1px solid #FFFFFF;
      }


      .dd-box-blue{
	background-color: var( --e-global-color-6ebc47f );
	color: var( --e-global-color-cbe3d40 );
      }

      
      .dd-box-blue:active,.dd-box-blue:focus{          
        background-color:#FFFFFF;
        color: var(--e-global-color-6ebc47f);
	border:1px solid #FFFFFF;
      }
      
      
      .plus {
        margin-left: auto;
        padding-left: 10px;
        font-weight: bold;
      }
      
    
        .less-sticky {
        border-radius: 0px 0px 3px 3px;
        /* max-height: 200px; */
        margin-top: -1px;
        z-index: 0;
        /* overflow-y: scroll !important; */
        /* overflow-x: hidden !important; */

width: auto;
  min-width: 100%;
  box-sizing: border-box;
    	
        }
    .less-sticky ul {
  display: inline-block;    /* allows shrink-to-fit */
  min-width: 100%;          /* ensures it doesn't go smaller than .dd-box */
  width: auto;              /* let it grow to fit content */
  padding: 0;
  margin: 0;
  list-style: none;
width:auto;
}

        .dropdown {
          position: relative;
          display: inline-block;
          z-index: 999;
        }
    
        .dropdown > *:last-child {
        display: block;
        opacity: 0;
        pointer-events: none;
        transition: 0.4s;
        position: absolute;
        left: 0;
        top: 100%;
        border: none;
        background-color: #fff;
        /* box-shadow: 1px 2px 4px 1px #666; */
        box-shadow: 2px 10px 10px -5px #4444444a;
        /* z-index: 9999; */
        min-width: 100%;
        box-sizing: border-box;
	padding:10px 10px;;
        }
    
            .dropdown:focus > *:last-child,
            .dropdown > *:focus ~ *:last-child,
            .dropdown > .less-sticky:last-child:hover {
                display: block;
                opacity: 1;
                transition: 0.15s;
                pointer-events: auto;
            }
    
        @supports (-ms-ime-align:auto) {
            .dropdown > *:last-child:hover {
                display: block;
                opacity: 1;
                pointer-events: auto;
            }
        }
        /* detect IE and do the same thing. */
        @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
            .dropdown > *:last-child:hover {
                display: block;
                opacity: 1;
                pointer-events: auto;
            }
        }
    
        .dropdown:not(.sticky) > *:not(:last-child):focus,
        .dropdown:focus {
            pointer-events: none; /* Causes second click to close */
        }
    
        .downarrow:focus {
            outline: 2px solid #8BF; /* Edge/IE can't do outline transparency */
            outline: 2px solid #48F8;
        }
    
    
        /* ------------------------------------------ */
        /* ----- Styling for examples                 */
        /* ------------------------------------------ */
    
        .cb-item {
        display: block;
        margin: 0px;
        color: #000;
        text-align: left;
        }
        
        a.cb-item {
        color: #000;
        }
    
        .cb-item:hover, .cb-item:hover {
          color: #fff;
          background-color: #eee;
        }
    
        .cb-item-a{
          padding: 5px 20px;
          display: block;
          color: var( --e-global-color-6ebc47f )!important;

          text-decoration: none;


        font-size: 1rem !important;
        line-height: 1.2rem!important;
white-space:nowrap;
        letter-spacing: var(--e-global-typography-8866178-letter-spacing)!important;
        word-spacing: var(--e-global-typography-8866178-word-spacing)!important;

        font-family: var(--e-global-typography-8866178-font-family), Sans-serif!important;
        font-weight: var(--e-global-typography-8866178-font-weight)!important;
        }
    
    
@media (max-width: 767px) {
  .dropdown {
    width: 100%;
    max-width: 100vw;
  }

  .dd-box {
    width: 100% !important;
    box-sizing: border-box;
  }

  .less-sticky {
    position: absolute;
    width: 100%;
    max-width: 100vw;
    overflow-x: auto;
    box-sizing: border-box;
  }

  .less-sticky ul {
    width: 100%;
    min-width: 100%;
  }

  .cb-item-a {
    white-space: normal; /* allow wrapping */
    word-break: break-word;
    padding: 12px 16px;
  }
}