/* Booking engine specific css - not pulled on content */

.restool-wrap .selectize-dropdown-content .active,
.new-search-wrap .selectize-dropdown-content .active {
    background-color: var(--secondary);
    color: var(--neutral-white);
    font-weight: normal;
    font-family: var(--title-2-ff);
}

.restool-wrap fieldset select,
.restool-wrap fieldset input[type="text"] {
    font-weight: normal;
    font-family: var(--display-1-ff);
}

.ui-datepicker-calendar .ui-state-active .ui-state-active {
    background: var(--secondary) none repeat scroll 0 0 !important;
    color: var(--neutral-white) !important;
}

.childAge button.link:focus,
.childDob button.link:focus {
    outline: thin dashed var(--primary);
    outline-offset: -2px;
}

/* MOBILE STYLES
************************************/

@media (max-width: 414px) 
{
    
    /*** mobile checkboxes 

    input[type=checkbox] + label:before 
    {
        border: 1px solid #aaa;
        background: #fff; 
    }
    
    input[type=checkbox]:checked + label:before 
    {
        background-color: #006bb7;
        border-color: #006bb7;
    }

    ***/
    
    /*** mobile radio buttons 
    
    input[type="radio"]:checked + label:before,
    input[type="radio"]:not(:checked) + label:before 
    {
        border: 1px solid #aaa;
        background: #fff;
    }
    
    input[type="radio"]:checked + label:after,
    input[type="radio"]:not(:checked) + label:after 
    {
        background: #006bb7;
    }

    ***/
    
    /*** mobile navigation 
    
    .BOOKING-NAVIGATION::before
    {
        background-color: #ddd;
    }
    .BOOKING-NAVIGATION > li > a
    {
        background-color: #fff;
        border: 1px solid #006bb7;
        color: #006bb7;
    }
    
    .BOOKING-NAVIGATION > li.current-booking-tab > a
    {
        background-color: #378201;
        color: #fff;
    }

    ***/
} 

 /*** SEGMENTED BUTTONS  

@media (max-width: 414px) 
{
    .spoofed-btn-wrap input[type="radio"]:checked + label:before, 
    .spoofed-btn-wrap input[type="radio"]:not(:checked) + label:before,
    .spoofed-btn-wrap input[type="radio"]:checked + label:after, 
    .spoofed-btn-wrap input[type="radio"]:not(:checked) + label:after
    {
        opacity: 0;
        position: absolute;
    }

    .spoofed-btn-wrap input + label
    {
        text-align: center;
        color: #006bb7;
        border: 1px solid #006bb7;
        border-right: none;
        background-color: #fff;
        margin: 0px !important;
        padding: 5px !important;
        flex-grow: 1;
    }   
    
    .spoofed-btn-wrap input + label:last-child
    {
        border-right: 1px solid #006bb7;
    }

    .spoofed-btn-wrap input[type="radio"]:checked + label
    {
        border: 1px solid #006bb7;
        background-color: #006bb7;
        color: #fff;
    }   
}

***/

/*** Payment Desposit Option Overrides ***/

.payment-option-wrap input + label {
    border: 1px solid var(--primary);
    border-radius: 0;
}

.payment-option-wrap:first-child input[type="radio"]:checked + label, 
.payment-option-wrap:first-child input[type="radio"]:not(:checked) + label,
.payment-option-wrap:last-child input[type="radio"]:checked + label, 
.payment-option-wrap:last-child input[type="radio"]:not(:checked) + label,
.payment-option-wrap:only-child input[type="radio"]:checked + label,
.payment-option-wrap:only-child input[type="radio"]:not(:checked) + label 

{

    border-radius:0;

}

.payment-option-wrap input[type="radio"]:checked + label,
.payment-option-wrap input[type="radio"]:not(:checked) + label {
    border: 1px solid var(--primary);
    border-radius: 0;
}

.payment-option-wrap input[type="radio"]:checked + label {
    border: 1px solid var(--primary);
    background-color: var(--primary);
    color: #fff;
    border-radius: 0;
}

.payment-option-wrap input[type="radio"]:checked + label button 
{
    color: #fff;
}

.payment-option-wrap:focus-within input[type="radio"]:checked + label,
.payment-option-wrap:focus input[type="radio"]:checked + label,
.payment-option-wrap:focus-within input[type="radio"]:not(:checked) + label,
.payment-option-wrap:focus input[type="radio"]:not(:checked) + label 
{
    outline: auto;
}

@media (max-width: 414px), (max-height: 414px) {
    .filters-wrap > fieldset {
        margin-bottom: 110px;
    }
}

@media (max-width: 414px)
{
    .payment-option-wrap:only-child input[type="radio"]:checked + label,
    .payment-option-wrap:only-child input[type="radio"]:not(:checked) + label {
        border-bottom: 1px solid var(--primary);
        border-radius: 0;
    }
}

/** Uplift tooltip override

.up-info-tooltip-text {
    background-color:rgba() !important;
}

**/

/** Uplift icon override **/

.up-pricing-wrap button.link,
.up-ck-pricing-wrap button.link,
.up-pricing-wrap i.fa,
.up-ck-pricing-wrap i.fa,
.payment-option-wrap input[type="radio"]:not(:checked) + label button {
    color: var(--primary);
}

.button.mini-cart-checkout-button {
    background-color: var(--primary) !important;
    border: 1px solid var(--primary) !important;
    color: var(--neutral-white) !important;
}

    .button.mini-cart-checkout-button:hover {
        color: var(--neutral-white) !important;
    }

input[type="button"]:disabled,
input[disabled=disabled][type=submit],
select:disabled, button:disabled,
input[type="button"]:disabled:hover,
button:disabled:hover {
    background: var(--neutral-medium) !important;
    border: 2px solid var(--neutral-medium) !important;
    color: var(--neutral-white) !important;
    border-radius: var(--button-border-radius) !important;
    padding: var(--button-padding) !important;
    white-space: var(--button-white-space);
    font-family: var(--button-1-ff) !important;
    font-size: var(--button-1-fs);
    line-height: var(--button-1-lh);
    letter-spacing: var(--button-1-ls);
    text-decoration: none;
    height: revert !important;
    cursor: default !important;
}

select:disabled {
    border-radius: 3px !important;
}

@media (max-width: 414px) {
    .filter-categories {
        padding-bottom: 10px;
    }

    .new-search-wrap {
        padding: 0 3px;
    }

        .new-search-wrap .ui-datepicker-trigger {
            right: 8px;
            width: 26px;
        }
}



/*--------HIGH CONTRAST-----------*/
@media (forced-colors: active) {
    .ui-datepicker-trigger img {
        background-image: url("https://trisept.widen.net/content/du0i2fwcss/png/UNF_ICON_CALENDAR_universalHollywood-inverted.png");
    }

    .ui-datepicker-calendar .ui-state-active .ui-state-active {
        forced-color-adjust: none !important; /* Allows custom styling */
        background-color: #fff !important;
        color: HighlightText !important;
        border-color: HighlightText !important;
    }

    .button.mini-cart-checkout-button {
        forced-color-adjust: none !important; /* Allows custom styling */
        background-color: ButtonFace !important;
        color: ButtonText !important;
        border: 1px solid ButtonText !important;
    }

        .button.mini-cart-checkout-button:hover {
            background-color: ButtonFace !important;
            color: BUttonText !important;
            border-color: Highlight !important;
        }

        .button.mini-cart-checkout-button:focus {
            outline: 2px solid Highlight !important;
            outline-offset: 2px !important;
            border-color: Highlight !important;
        }
}