/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */


 .hotel_filter_active{
    color: var(--color-primary) !important;
 }


.checkout_process_button {
   margin-top:1rem;
}

.checkout-page-alert-area {
   text-align:center;
   color:#a31607;
   font-style:italic;
   min-height:24px;
}


/* Hotel Listing Check availability button */
.hotel-check-availability-btn{
    background-color: transparent;
    font-family: "Libre Baskerville",serif;
    font-weight: 700;
    font-size: 1rem;
    line-height: 1.75;
    letter-spacing: .75px;
    text-transform: none!important;
    border: 1px solid var(--color-primary);
    padding: 0.5rem 1rem;
    display: inline-block;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    color: var(--color-primary);
}
.hotel-check-availability-btn:hover{
    background-color: var(--color-primary);
    color: white;
}


#card-errors {
   color:#a31607;
   font-style:italic;
   font-size:14px;
   margin-top:8px;
   text-decoration:underline;
}

/* AMM: Overwrite for new tabbed in list */
#ah-join-pricing #ah-join-popup-content ul ul, #ah-join-pricing-new #ah-join-popup-content ul ul, .checkout-select-membership #ah-join-popup-content ul ul, .select_pricing_for_membership #ah-join-popup-content ul ul {
   padding-left:1rem;
   margin-top:.5rem;
}

#ah-join-pricing ul ul li::before, #ah-join-pricing-new ul ul li::before, .checkout-select-membership ul ul li::before, .select_pricing_for_membership ul ul li::before {
   content:'\f30b';
}

/* JG fix for dropdown navs for branding having their arrow floating too high */

.brand-location-search .select-selected::after {
   top: auto !important;
}

/*
  #################################################
	Exclusive Experience Landing - Category Sidebar
  #################################################
*/
#exclusive-category-sidebar .sidebar-text-block {
   /* margin-top: 320px;  */
   margin-top: 75px;
 }
 @media (max-width: 767.98px) {
   #exclusive-category-sidebar .sidebar-text-block {
    margin-top: 40px;
   } 
 }