﻿/* Implicit labels */
label:not([class]):has(input:not([type=checkbox]):not([type=radio])),
label:not([class]):has(select),
label:not([class]):has(textarea) {
    display: block;
    width: 100%;
}

    label:not([class]):has(input:not([type=checkbox]):not([type=radio])) input,
    label:not([class]):has(select) select,
    label:not([class]):has(textarea) textarea {
        margin-top: 0.25rem;
    }


/* Editable */
.Editable.Editable:before {
    background: url(data:image/svg+xml,%3Csvg%20%20xmlns=%22http://www.w3.org/2000/svg%22%20%20width=%2224%22%20%20height=%2224%22%20%20viewBox=%220%200%2024%2024%22%20%20fill=%22none%22%20%20stroke=%22currentColor%22%20%20stroke-width=%222%22%20%20stroke-linecap=%22round%22%20%20stroke-linejoin=%22round%22%20%20class=%22icon%20icon-tabler%20icons-tabler-outline%20icon-tabler-pencil%22%3E%3Cpath%20stroke=%22none%22%20d=%22M0%200h24v24H0z%22%20fill=%22none%22/%3E%3Cpath%20d=%22M4%2020h4l10.5%20-10.5a2.828%202.828%200%201%200%20-4%20-4l-10.5%2010.5v4%22%20/%3E%3Cpath%20d=%22M13.5%206.5l4%204%22%20/%3E%3C/svg%3E);
    width: 24px;
    height: 24px;
    line-height: 1;
    top: 0;
    right: 0;
    transform: translate3d(75%, -75%, 0);
}
.Editable.Editable:after {
    box-sizing: content-box;
    border-color: var(--bs-danger);
}
.Editable.Editable:hover:after {
    background: none;
    background-color: rgba(var(--bs-danger-rgb), 0.25);
    border-color: var(--bs-danger);
}

/* Makes sure any images within modals are responsive (unless they have a fixed width/height/style) */
.modal-body img:not([width]):not([height]):not([style]) {
    max-width: 100%;
}


/* Loading */
.kx-master-loading {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10000;
    background-color: rgba(255, 255, 255, 0.8);
}

    .kx-master-loading .spinner-border {
        --bs-spinner-width: 3rem;
        --bs-spinner-height: 3rem;
        --bs-spinner-border-width: 0.25em;
        color: var(--bs-primary);
    }


/* Master Header */
.kx-master-header {
    background-color: var(--kx-color-background-master-header, var(--bs-body-bg));
    color: var(--kx-color-font-master-header, inherit);
}

.kx-master-header__top {
    min-height: var(--kx-size-min-height-master-header-top, none);
    background-color: var(--kx-color-background-master-header, var(--bs-body-bg));
    padding: var(--kx-size-padding-master-header-top, 1rem) 0 var(--kx-size-padding-master-header-bottom, 1rem);
    background-image: var(--kx-background-image-master-header, none);
    background-repeat: var(--kx-background-repeat-master-header, no-repeat);
    background-position: var(--kx-background-position-master-header, center);
    background-size: var(--kx-background-size-master-header, cover);
    border-bottom: var(--kx-size-border-width-master-header, 0.25rem) solid var(--kx-color-border-master-header, var(--bs-primary));
}

@media (max-width: 768px) {
    .kx-master-header__top {
        min-height: var(--kx-size-min-height-master-header-top-xs, none);
        --kx-size-padding-master-header-top: var(--kx-size-padding-master-header-xs-top, 1.5rem);
        --kx-size-padding-master-header-bottom: var(--kx-size-padding-master-header-xs-bottom, 1.5rem);
    }
}


/* Logo */
.kx-logo {
    display: block;
    width: 300px;
    height: auto;
    aspect-ratio: var(--kx-size-aspect-ratio-logo, 3/1);
    text-indent: -9999px;
    max-width: var(--kx-size-max-width-logo, 300px);
    background-image: var(--kx-background-image-logo, none);
    background-position: top left;
    background-repeat: no-repeat;
    background-size: contain;
}
/* .kx-logo__img {
    width: var(--kx-size-width-logo, 200px);
    max-width: var(--kx-size-max-width-logo, 100%);
} */


/* Navbar */
.kx-navbar.navbar {
    background-color: var(--kx-color-background-navbar, var(--bs-primary));
    --bs-navbar-padding-y: 0;
    --bs-navbar-color: var(--kx-color-font-navbar-nav-item, var(--kx-color-font-primary-contrast, #fff));
    --bs-navbar-hover-color: var(--kx-color-font-navbar-nav-item-hover, #000);
    --bs-navbar-active-color: var(--kx-color-font-navbar-nav-item-active, #000);
    --bs-navbar-nav-link-padding-y: var(--kx-size-padding-navbar-nav-item-y-sm, 1rem);
    --bs-navbar-nav-link-padding-x: var(--kx-size-padding-navbar-nav-item-x-sm, 1rem);
    --bs-navbar-toggler-border-color: transparent;
    /* --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); */
}

.kx-navbar label:has(select) {
    width: auto;
}

@media (min-width: 1200px) {
    .kx-navbar.navbar {
        --bs-navbar-nav-link-padding-x: var(--kx-size-padding-navbar-nav-item-x, 1.5rem);
    }
}

@media (max-width: 992px) {
    .kx-navbar label:has(select) {
        order: -1;
        margin-left: 1rem;
    }

    .kx-navbar.navbar [class^="container"] {
        padding: 0;
    }

    .kx-navbar .nav-link {
        text-align: var(--kx-text-align-navbar-nav-item-xs, center);
    }
}

.kx-navbar .navbar-toggler {
    margin: 1rem;
}
    /* .kx-navbar .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
    --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 24 24' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
} */
    .kx-navbar .navbar-toggler:focus {
        box-shadow: var(--kx-box-shadow-focus-visible);
    }

.kx-navbar .navbar-nav {
    --bs-nav-link-padding-y: var(--kx-size-padding-navbar-nav-item-y-sm, 1rem);
    --bs-nav-link-padding-x: var(--kx-size-padding-navbar-nav-item-x-sm, 1rem);
    --bs-nav-link-font-weight: var(--kx-size-font-weight-navbar-nav-item, 600);
}

@media (min-width: 1200px) {
    .kx-navbar .navbar-nav {
        --bs-nav-link-padding-y: var(--kx-size-padding-navbar-nav-item-y, 1.5rem);
        --bs-nav-link-padding-x: var(--kx-size-padding-navbar-nav-item-sm, 1.5rem);
    }
}

.kx-navbar .nav-link {
    --bs-nav-link-font-size: var(--kx-size-font-navbar-nav-item, 1rem);
    background-color: var(--kx-color-background-navbar-nav-item);
}

    .kx-navbar .nav-link:hover,
    .kx-navbar .nav-link:focus {
        background-color: var(--kx-color-background-navbar-nav-item-hover);
    }

    .kx-navbar .nav-link.active {
        background-color: var(--kx-color-background-navbar-nav-item-active);
    }


/* Master Content */
.kx-master-content {
    padding: var(--kx-size-padding-master-content-top, 2rem) var(--kx-size-padding-master-content-right, 2rem) var(--kx-size-padding-master-content-bottom, 3rem) var(--kx-size-padding-master-content-left, 2rem);
    flex: 1;
    display: flex;
    flex-direction: column;
    width: 100%;
}

/* Master Footer */
.kx-master-footer {
    font-size: var(--kx-size-font-master-footer, 1rem);
    background-color: var(--kx-color-background-master-footer, --bs-primary);
    color: var(--kx-color-font-master-footer, #fff);
    border-top-left-radius: var(--kx-size-border-radius-master-footer-top);
    border-top-right-radius: var(--kx-size-border-radius-master-footer-top);
}

    .kx-master-footer h1,
    .kx-master-footer h2,
    .kx-master-footer h3,
    .kx-master-footer h4,
    .kx-master-footer h5,
    .kx-master-footer h6,
    .kx-master-footer .h1,
    .kx-master-footer .h2,
    .kx-master-footer .h3,
    .kx-master-footer .h4,
    .kx-master-footer .h5,
    .kx-master-footer .h6 {
        font-family: var(--kx-font-family-master-footer-headings, inherit);
        color: var(--kx-color-font-master-footer-headings, currentColor);
        text-transform: var(--kx-text-transform-master-footer-headings, unset);
        font-weight: var(--kx-size-font-weight-master-footer-headings, var(--kx-size-font-weight-headings));
    }

    .kx-master-footer a:not([class*="btn"]) {
        color: var(--kx-color-font-master-footer-links, currentColor);
        font-family: var(--kx-font-family-master-footer-links, inherit);
        font-size: var(--kx-size-font-master-footer-links, 1rem);
        font-weight: var(--kx-size-font-weight-master-footer-links, inherit);
        text-decoration: var(--kx-text-decoration-master-footer-links, underline);
        text-transform: var(--kx-text-transform-master-footer-links, unset);
    }

        .kx-master-footer a:not([class*="btn"]):hover {
            color: var(--kx-color-font-master-footer-links-hover, var(--kx-color-font-master-footer-links, currentColor));
            font-family: var(--kx-font-family-master-footer-links-hover, var(--kx-font-family-master-footer-links, inherit));
            font-size: var(--kx-size-font-master-footer-links-hover, var(--kx-size-font-master-footer-links, 1rem));
            font-weight: var(--kx-size-font-weight-master-footer-links-hover, var(--kx-size-font-weight-master-footer-links));
            text-decoration: var(--kx-text-decoration-master-footer-links-hover, none);
            text-transform: var(--kx-text-transform-master-footer-links-hover, unset);
        }

.kx-master-footer__content {
    padding: var(--kx-size-padding-master-footer-y-xs) 0;
}

@media (min-width: 768px) {
    .kx-master-footer__content {
        padding: var(--kx-size-padding-master-footer-y) 0;
    }
}

.kx-master-footer__copyright {
    font-size: var(--kx-size-font-master-footer-copyright, var(--kx-size-font-small));
    border-top: var(--kx-size-border-width-master-footer-copyright) solid var(--kx-color-border-master-footer-copyright);
    padding: var(--kx-size-padding-master-footer-copyright-y) 0;
    background-color: var(--kx-color-background-master-footer-copyright, transparent);
    color: var(--kx-color-font-master-footer-copyright, currentColor);
}

    .kx-master-footer__copyright a:not([class*="btn"]) {
        color: var(--kx-color-font-master-footer-links-copyright, currentColor);
        font-size: var(--kx-size-font-master-footer-links-copyright, 1rem);
        font-weight: var(--kx-size-font-weight-master-footer-links-copyright, inherit);
    }

        .kx-master-footer__copyright a:not([class*="btn"]):hover {
            color: var(--kx-color-font-master-footer-links-copyright-hover, currentColor);
            font-size: var(--kx-size-font-master-footer-links-copyright-hover, 1rem);
            font-weight: var(--kx-size-font-weight-master-footer-links-copyright-hover, inherit);
        }


/* Social Links */
a.kx-social-link,
.kx-master-footer a.kx-social-link {
    font-size: var(--kx-size-font-social-links, 2rem);
    color: var(--kx-color-font-social-links, currentColor);
    text-decoration: none;
    font-weight: normal;
}

    a.kx-social-link:focus,
    a.kx-social-link:hover,
    a.kx-social-link:active,
    .kx-master-footer a.kx-social-link:focus,
    .kx-master-footer a.kx-social-link:hover,
    .kx-master-footer a.kx-social-link:active {
        font-weight: normal;
        font-size: var(--kx-size-font-social-links-hover, var(--kx-size-font-social-links));
        color: var(--kx-color-font-social-links-hover, currentColor);
    }

/* Hero */
.kx-hero {
    background-color: var(--kx-color-background-hero, var(--bs-tertiary-bg));
    color: var(--kx-color-font-hero, var(--bs-body-color));
    border-top: var(--kx-size-border-width-hero-top, 0px) solid var(--kx-color-border-hero-top, transparent);
    border-bottom: var(--kx-size-border-width-hero-bottom, 0px) solid var(--kx-color-border-hero-bottom, transparent);
    border-top-left-radius: var(--kx-size-border-radius-hero-top, 0);
    border-top-right-radius: var(--kx-size-border-radius-hero-top, 0);
    border-bottom-left-radius: var(--kx-size-border-radius-hero-bottom, 0);
    border-bottom-right-radius: var(--kx-size-border-radius-hero-bottom, 0);
    min-height: var(--kx-size-min-height-hero, 200px);
    background-image: var(--kx-background-image-hero, none);
    background-repeat: var(--kx-background-repeat-hero, no-repeat);
    background-position: var(--kx-background-position-hero, center);
    background-size: var(--kx-background-size-hero, cover);
}


/* UserLoginSignupLinks */
.kx-user-login-signup-links,
.kx-user-login-signup-buttons {
    display: inline-block;
}

.kx-user-login-signup-links {
    padding: var(--kx-size-padding-user-login-signup-links-container-y, 0) var(--kx-size-padding-user-login-signup-links-container-x, 0);
    background-color: var(--kx-color-background-user-login-signup-links-container, transparent);
    border-radius: var(--kx-size-border-radius-user-login-signup-links-container, 0);
}

    .kx-user-login-signup-links .nav {
        --bs-nav-link-font-weight: var(--kx-size-font-weight-user-login-signup-links, var(--kx-size-font-weight-links, 600));
        --bs-nav-link-color: var(--kx-color-font-user-login-signup-links, var(--bs-link-color));
        --bs-nav-link-hover-color: var(--kx-color-font-user-login-signup-links-hover, var(--bs-link-hover-color));
        --bs-nav-link-font-size: var(--kx-size-font-user-login-signup-links, 1rem);
    }

    .kx-user-login-signup-links .nav-link {
        padding-top: 0;
        padding-bottom: 0;
        text-decoration: var(--kx-text-decoration-user-login-signup-links, none);
        text-transform: var(--kx-text-transform-user-login-signup-links, none);
    }

        .kx-user-login-signup-links .nav-link:hover {
            text-decoration: var(--kx-text-decoration-user-login-signup-links-hover, none);
            text-transform: var(--kx-text-transform-user-login-signup-links, none);
        }

.kx-user-login-signup-buttons {
    padding: var(--kx-size-padding-user-login-signup-buttons-container-y, 0) var(--kx-size-padding-user-login-signup-buttons-container-x, 0);
    background-color: var(--kx-color-background-user-login-signup-buttons-container, transparent);
    border-radius: var(--kx-size-border-radius-user-login-signup-buttons-container, 0);
}

    .kx-user-login-signup-buttons .btn {
        --bs-btn-padding-x: var(--kx-size-padding-user-login-signup-buttons-button-x, 1.25rem);
        --bs-btn-padding-y: var(--kx-size-padding-user-login-signup-buttons-button-y, 0.75rem);
        --bs-btn-font-size: var(--kx-size-font-user-login-signup-buttons-button, 1rem);
        --bs-btn-border-radius: var(--kx-size-border-radius-user-login-signup-buttons-button, var(--kx-size-border-radius-button, var(--bs-border-radius)));
        --bs-btn-color: var(--kx-color-font-user-login-signup-buttons-button, #fff);
        --bs-btn-bg: var(--kx-color-background-user-login-signup-buttons-button, var(--bs-primary));
        --bs-btn-border-color: var(--kx-color-border-user-login-signup-buttons-button, var(--bs-btn-bg));
        --bs-btn-hover-color: var(--kx-color-font-user-login-signup-buttons-button-hover, var(--bs-btn-color, #fff));
        --bs-btn-hover-bg: var(--kx-color-background-user-login-signup-buttons-button-hover, #003587);
        --bs-btn-hover-border-color: var(--kx-color-border-user-login-signup-buttons-button-hover, var(--bs-btn-hover-bg));
        --bs-btn-active-color: var(--kx-color-font-user-login-signup-buttons-button-active, var(--bs-btn-color, #fff));
        --bs-btn-active-bg: var(--kx-color-background-user-login-signup-buttons-button-active, var(--bs-btn-hover-bg));
        --bs-btn-active-border-color: var(--kx-color-border-user-login-signup-buttons-button-active, var(--bs-btn-active-bg));
        --bs-btn-active-shadow: none;
        --bs-btn-disabled-color: var(--bs-btn-color, #fff);
        --bs-btn-disabled-bg: var(--kx-color-background-user-login-signup-buttons-button, var(--bs-primary));
        --bs-btn-disabled-border-color: var(--kx-color-border-user-login-signup-buttons-button, var(--bs-btn-disabled-bg));
    }

/* ResourceEditor */
div.ResourceEditorButtons button {
    font-size: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    font-family: inherit;
    float: none;
}

    div.ResourceEditorButtons button:before, div.ResourceEditorButtons button:after {
        content: '';
        display: none;
    }

#KxBnBResourceEditor .componentResourceEditor {
    color: #333;
    line-height: 1.42857143;
}

    #KxBnBResourceEditor .componentResourceEditor .clearfix {
        font-size: inherit;
        line-height: inherit;
    }

    #KxBnBResourceEditor .componentResourceEditor .ResourceEditorShroud {
        z-index: 1000;
    }

    #KxBnBResourceEditor .componentResourceEditor .ResourceEditorContainer {
        z-index: 3000;
        border: 3px solid #6679b5;
        padding: 15px;
    }

    #KxBnBResourceEditor .componentResourceEditor .ResourceEditorContent {
        padding: 15px 0 0 0;
        margin: 0;
    }

    #KxBnBResourceEditor .componentResourceEditor .ResourceEditorTitlebar:after {
        display: none;
    }

    #KxBnBResourceEditor .componentResourceEditor .ResourceEditorTitlebar button {
        transition: none;
        text-indent: -9999px;
        overflow: hidden;
        top: 7px;
        right: 7px;
    }

    #KxBnBResourceEditor .componentResourceEditor div.ResourceEditorKeys {
        width: 240px;
    }

        #KxBnBResourceEditor .componentResourceEditor div.ResourceEditorKeys select {
            border: 1px solid #ddd;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) inset;
            width: 250px;
        }

    #KxBnBResourceEditor .componentResourceEditor div.ResourceEditor {
        width: 590px;
        float: right;
    }

        #KxBnBResourceEditor .componentResourceEditor div.ResourceEditor table {
            width: 100%;
        }

            #KxBnBResourceEditor .componentResourceEditor div.ResourceEditor table td:first-child {
                text-align: left;
            }

    #KxBnBResourceEditor .componentResourceEditor .ResourceEditorFooter span {
        display: block;
    }

    #KxBnBResourceEditor .componentResourceEditor .cke html, #KxBnBResourceEditor .componentResourceEditor .cke body, #KxBnBResourceEditor .componentResourceEditor .cke iframe {
        position: relative;
        width: auto;
        height: auto;
    }

    #KxBnBResourceEditor .componentResourceEditor .cke .cke_reset_all {
        font-size: 14px;
        font-weight: normal;
    }

        #KxBnBResourceEditor .componentResourceEditor .cke .cke_reset_all * {
            font-size: inherit;
            font-weight: inherit;
        }

@media only screen and (max-width: 1199px) {
    #KxBnBResourceEditor .componentResourceEditor {
        display: none !important;
    }
}


/* Heading Accordion */
.kx-heading-accordion {
    --bs-accordion-color: var(--kx-color-font-heading-accordion);
    --bs-accordion-bg: var(--kx-color-background-heading-accordion);
    --bs-accordion-border-color: var(--kx-color-border-heading-accordion);
    --bs-accordion-border-width: var(--kx-size-border-width-heading-accordion);
    --bs-accordion-border-radius: var(--kx-size-border-radius-heading-accordion);
    --bs-accordion-btn-padding-x: var(--kx-size-padding-heading-accordion-button-x);
    --bs-accordion-btn-padding-y: var(--kx-size-padding-heading-accordion-button-y);
    --bs-accordion-btn-color: var(--kx-color-font-heading-accordion-button);
    --bs-accordion-btn-bg: var(--kx-color-background-heading-accordion-button);
    --bs-accordion-body-padding-x: var(--kx-size-padding-heading-accordion-body-x);
    --bs-accordion-body-padding-y: var(--kx-size-padding-heading-accordion-body-y);
    --bs-accordion-active-color: var(--kx-color-font-heading-accordion-button-active);
    --bs-accordion-active-bg: var(--kx-color-background-heading-accordion-button-active);
}

.kx-heading-accordion__item {
    border: none;
}

.kx-heading-accordion__button {
    --kx-size-font-accordion-button: var(--kx-size-font-heading-accordion-button);
}

/* Search Results */
@media (min-width: 1400px) {
    .kx-search-results-container {
        max-width: 1600px;
    }
}

/* Search Results - List */
.kx-search-results-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

/* Search Results - Listing/Card */
.kx-search-results-card {
    --bs-card-box-shadow: var(--kx-box-shadow-search-results-card);
    --bs-card-bg: var(--kx-color-background-search-results-card);
    --bs-card-color: var(--kx-color-font-search-results-card);
    --bs-card-title-color: var(--kx-color-font-search-results-card-title);
    --bs-card-border-width: var(--kx-size-border-width-search-results-card);
    --bs-card-border-color: var(--kx-color-border-search-results-card);
    --bs-card-border-radius: var(--kx-size-border-radius-search-results-card);
    --bs-card-cap-bg: var(--kx-color-background-search-results-card-title);
    
    font-size: var(--kx-size-font-search-results-card);
}
.kx-search-results-card__title {
    --kx-size-font-card-title: var(--kx-size-font-search-results-card-title);
    --kx-size-font-weight-card-title: var(--kx-size-font-weight-search-results-card-title);
    --kx-font-family-card-title: var(--kx-font-family-search-results-card-title);
    margin: 0;
}
.kx-search-results-card__expand {
    --bs-btn-color: var(--kx-color-font-search-results-card-expand, var(--kx-color-font-button-primary));
    --bs-btn-bg: var(--kx-color-background-search-results-card-expand, var(--kx-color-background-button-primary));
    --bs-btn-border-color: var(--kx-color-border-search-results-card-expand, var(--kx-color-border-button-primary));
    --bs-btn-hover-color: var(--kx-color-font-search-results-card-expand-hover, var(--kx-color-font-button-primary-hover));
    --bs-btn-hover-bg: var(--kx-color-background-search-results-card-expand-hover, var(--kx-color-background-button-primary-hover));
    --bs-btn-hover-border-color: var(--kx-color-border-search-results-card-expand-hover, var(--kx-color-border-button-primary-hover));
    --bs-btn-active-color: var(--kx-color-font-search-results-card-expand-active, var(--kx-color-font-button-primary-active));
    --bs-btn-active-bg: var(--kx-color-background-search-results-card-expand-active, var(--kx-color-background-button-primary-active));
    --bs-btn-active-border-color: var(--kx-color-border-search-results-card-expand-active, var(--kx-color-border-button-primary-active));
    --bs-btn-disabled-color: var(--bs-kx-color-border-search-results-card-expand-disabled, var(--kx-color-font-button-primary-disabled));
    --bs-btn-disabled-bg: var(--kx-color-background-search-results-card-expand-disabled, var(--kx-color-background-button-primary-disabled));
    --bs-btn-disabled-border-color: var(--kx-color-border-search-results-card-expand-disabled, var(--kx-color-border-button-primary-disabled));
}

    .kx-search-results-card__expand::after {
        content: "";
        display: inline-block;
        width: 1em;
        height: 1em;
        border: 0.5em solid transparent;
        margin-left: 0.5rem;
    }

    .kx-search-results-card__expand.show-more::after {
        border-top-color: currentColor;
        border-bottom-color: transparent;
        transform: translateY(0.5em);
    }

    .kx-search-results-card__expand.show-less::after {
        border-bottom-color: currentColor;
        border-top-color: transparent;
        transform: translateY(0);
    }

.kx-search-results-card__booking-panel {
    background-color: var(--kx-color-background-search-results-card-booking-panel);
    color: var(--kx-color-font-search-results-card-booking-panel);
}

    .kx-search-results-card__booking-panel h1,
    .kx-search-results-card__booking-panel .h1,
    .kx-search-results-card__booking-panel h2,
    .kx-search-results-card__booking-panel .h2,
    .kx-search-results-card__booking-panel h3,
    .kx-search-results-card__booking-panel .h3,
    .kx-search-results-card__booking-panel h4,
    .kx-search-results-card__booking-panel .h4,
    .kx-search-results-card__booking-panel h5,
    .kx-search-results-card__booking-panel .h5,
    .kx-search-results-card__booking-panel h6,
    .kx-search-results-card__booking-panel .h6 {
        font-family: inherit;
    }

.kx-search-results-card__price {
    padding: 1rem;
    background-color: var(--kx-color-background-search-results-card-price, var(--kx-color-background-tertiary));
    color: var(--kx-color-font-search-results-card-price, var(--kx-color-primary));
    font-size: var(--kx-size-font-search-results-card-price, var(--kx-size-font-h4));
    font-weight: var(--kx-size-font-weight-search-results-card-price, 700);
}

.kx-search-results-card__add-to-cart,
.kx-search-results-card__remove-from-cart {
    width: 100%;
}

.kx-search-results-card__add-to-cart {
    --bs-btn-color: var(--kx-color-font-button-search-results-card-add, var(--kx-color-font-button-primary));
    --bs-btn-bg: var(--kx-color-background-button-search-results-card-add, var(--kx-color-background-button-primary));
    --bs-btn-border-color: var(--kx-color-border-button-search-results-card-add, var(--kx-color-border-button-primary));
    --bs-btn-hover-color: var(--kx-color-font-button-search-results-card-add-hover, var(--kx-color-font-button-primary-hover));
    --bs-btn-hover-bg: var(--kx-color-background-button-search-results-card-add-hover, var(--kx-color-background-button-primary-hover));
    --bs-btn-hover-border-color: var(--kx-color-border-button-search-results-card-add-hover, var(--kx-color-border-button-primary-hover));
    --bs-btn-active-color: var(--kx-color-font-button-search-results-card-add-active, var(--kx-color-font-button-primary-active));
    --bs-btn-active-bg: var(--kx-color-background-button-search-results-card-add-active, var(--kx-color-background-button-primary-active));
    --bs-btn-active-border-color: var(--kx-color-border-button-search-results-card-add-active, var(--kx-color-border-button-primary-active));
    --bs-btn-disabled-color: var(--bs-kx-color-border-button-search-results-card-add-disabled, var(--kx-color-font-button-primary-disabled));
    --bs-btn-disabled-bg: var(--kx-color-background-button-search-results-card-add-disabled, var(--kx-color-background-button-primary-disabled));
    --bs-btn-disabled-border-color: var(--kx-color-border-button-search-results-card-add-disabled, var(--kx-color-border-button-primary-disabled));
}

.kx-search-results-card__remove-from-cart {
    --bs-btn-color: var(--kx-color-font-button-search-results-card-remove, var(--kx-color-font-button-primary));
    --bs-btn-bg: var(--kx-color-background-button-search-results-card-remove, var(--kx-color-background-button-primary));
    --bs-btn-border-color: var(--kx-color-border-button-search-results-card-remove, var(--kx-color-border-button-primary));
    --bs-btn-hover-color: var(--kx-color-font-button-search-results-card-remove-hover, var(--kx-color-font-button-primary-hover));
    --bs-btn-hover-bg: var(--kx-color-background-button-search-results-card-remove-hover, var(--kx-color-background-button-primary-hover));
    --bs-btn-hover-border-color: var(--kx-color-border-button-search-results-remove-hover, var(--kx-color-border-button-primary-hover));
    --bs-btn-hover-border-color: var(--kx-color-border-button-search-results-card-remove-hover, var(--kx-color-border-button-primary-hover));
    --bs-btn-active-color: var(--kx-color-font-button-search-results-card-remove-active, var(--kx-color-font-button-primary-active));
    --bs-btn-active-bg: var(--kx-color-background-button-search-results-card-remove-active, var(--kx-color-background-button-primary-active));
    --bs-btn-active-border-color: var(--kx-color-border-button-search-results-card-remove-active, var(--kx-color-border-button-primary-active));
    --bs-btn-disabled-color: var(--bs-kx-color-border-button-search-results-card-remove-disabled, var(--kx-color-font-button-primary-disabled));
    --bs-btn-disabled-bg: var(--kx-color-background-button-search-results-card-remove-disabled, var(--kx-color-background-button-primary-disabled));
    --bs-btn-disabled-border-color: var(--kx-color-border-button-search-results-card-remove-disabled, var(--kx-color-border-button-primary-disabled));
}

.kx-search-results-card .carousel .carousel-control-prev,
.kx-search-results-card .carousel .carousel-control-next {
    display: none;
}

    .kx-search-results-card .carousel .carousel-control-prev:focus,
    .kx-search-results-card .carousel .carousel-control-next:focus {
        box-shadow: var(--kx-box-shadow-focus-visible);
    }

.kx-search-results-card .carousel:has(.carousel-inner > *:nth-child(2)) .carousel-control-prev,
.kx-search-results-card .carousel:has(.carousel-inner > *:nth-child(2)) .carousel-control-next {
    display: flex;
}

/* Search Results - Cart */
.kx-search-results-cart {
    position: sticky;
    top: 0;
    z-index: 100;
    --bs-card-box-shadow: var(--kx-box-shadow-search-results-cart, var(--kx-box-shadow-search-results-card));
    --bs-card-bg: var(--kx-color-background-search-results-cart, var(--kx-color-background-card));
    --bs-card-color: var(--kx-color-font-search-results-cart, var(--kx-color-font-card));
    --bs-card-title-color: var(--kx-color-font-search-results-cart-title, currentColor);
    --bs-card-border-width: var(--kx-size-border-width-search-results-cart, var(--kx-size-border-width-search-results-card));
    --bs-card-border-color: var(--kx-color-border-search-results-cart, var(--kx-color-border-search-results-card));
    --bs-card-border-radius: var(--kx-size-border-radius-search-results-cart, var(--kx-size-border-radius-search-results-card));
}

    .kx-search-results-cart a,
    .kx-search-results-cart a:hover,
    .kx-search-results-cart a:focus,
    .kx-search-results-cart a:active {
        color: var(--kx-color-font-search-results-cart, var(--kx-color-font-card));
    }

.kx-search-results-cart__title {
    --kx-size-font-card-title: var(--kx-size-font-h4, var(--kx-size-font-h5));
}

.kx-search-results-cart__button {
    width: 100%;
    --bs-btn-color: var(--kx-color-font-button-search-results-cart-button, var(--kx-color-font-primary-contrast));
    --bs-btn-bg: var(--kx-color-background-button-search-results-cart-button, transparent);
    --bs-btn-border-color: var(--kx-color-border-button-search-results-cart-button, var(--bs-btn-color));
    --bs-btn-hover-color: var(--kx-color-font-button-search-results-cart-button-hover, var(--kx-color-primary));
    --bs-btn-hover-bg: var(--kx-color-background-button-search-results-cart-button-hover, var(--kx-color-font-primary-contrast));
    --bs-btn-hover-border-color: var(--kx-color-border-button-search-results-cart-button-hover, var(--bs-btn-hover-bg));
    --bs-btn-active-color: var(--kx-color-font-button-search-results-cart-button-active, var(--bs-btn-hover-color));
    --bs-btn-active-bg: var(--kx-color-background-button-search-results-cart-button-active, var(--bs-btn-hover-bg));
    --bs-btn-active-border-color: var(--kx-color-border-button-search-results-cart-button-active, var(--bs-btn-hover-border-color));
    --bs-btn-disabled-color: var(--bs-kx-color-border-button-search-results-cart-button-disabled, var(--bs-btn-color));
    --bs-btn-disabled-bg: var(--kx-color-background-button-search-results-cart-button-disabled, var(--bs-btn-bg));
    --bs-btn-disabled-border-color: var(--kx-color-border-button-search-results-cart-button-disabled, var(--bs-btn-border-color));
}

.kx-search-results-cart .table {
    --bs-table-bg: transparent;
    --bs-table-color: currentColor;
    margin: 0;
}

.kx-search-results-cart-jump {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 9999;
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    gap: 0.5rem;
    padding: 1rem;
    border-bottom-right-radius: var(--bs-border-radius);
    border-bottom-left-radius: var(--bs-border-radius);
    background-color: var(--kx-color-primary);
    color: var(--kx-color-font-primary-contrast);
    text-decoration: none;
    box-shadow: var(--bs-box-shadow);
    transition: all 0.3s ease;
    transform: translateY(-100%);
}

    .kx-search-results-cart-jump:hover,
    .kx-search-results-cart-jump:focus,
    .kx-search-results-cart-jump:active {
        text-decoration: none;
    }

    .kx-search-results-cart-jump.show {
        transform: translateY(0);
    }

.kx-search-results-jump-top {
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 99;
    text-align: right;
    font-size: 2rem;
    padding: 0 1rem;
}

    .kx-search-results-jump-top.affix-bottom {
        position: relative;
    }

/* Spinner */
.kx-form-spinner {
    display: block;
    width: 100%;
    padding: 0;
    font-size: 1rem;
    font-weight: var(--kx-size-font-weight-form-control, 400);
    line-height: 1.5;
    color: var(--kx-color-font-form-control, var(--bs-body-color));
    background-clip: padding-box;
    border: var(--kx-size-border-width-form-control, var(--bs-border-width)) solid var(--kx-color-border-form-control, var(--bs-border-color));
    border-radius: var(--kx-size-border-radius-form-control, var(--bs-border-radius));
    overflow: hidden;
    padding-left: 10px
}

    .kx-form-spinner:focus-within {
        box-shadow: var(--kx-box-shadow-focus-visible);
    }

    .kx-form-spinner *,
    table.kx-form-spinner.kx-form-spinner td > input {
        display: block;
        padding: 0;
        margin: 0;
    }

    .kx-form-spinner tr {
        display: flex;
    }

    .kx-form-spinner td {
        background-color: var(--kx-color-background-form-control, var(--bs-body-bg));
    }

        .kx-form-spinner td:first-child {
            width: 100% !important;
            padding: var(--kx-size-padding-form-control-y, 0.75rem) var(--kx-size-padding-form-control-x, 1.25rem);
        }

        .kx-form-spinner td:last-child {
            width: 2.5rem;
            min-width: 1.5rem;
            display: flex;
            flex-direction: column;
            border-left: var(--kx-size-border-width-form-control, var(--bs-border-width)) solid var(--kx-color-border-form-control, var(--bs-border-color));
        }

        .kx-form-spinner td > div:has(img) {
            flex: 1;
            display: flex;
            justify-content: center;
            background: none;
            background-color: var(--kx-color-background-secondary);
            border: 0;
        }

            .kx-form-spinner td > div:has(img):first-child {
                border-top-right-radius: var(--kx-size-border-radius-form-control, var(--bs-border-radius));
            }

            .kx-form-spinner td > div:has(img) + * {
                border-top: var(--kx-size-border-width-form-control, var(--bs-border-width)) solid var(--kx-color-border-form-control, var(--bs-border-color));
            }

            .kx-form-spinner td > div:has(img):last-child {
                border-bottom-right-radius: var(--kx-size-border-radius-form-control, var(--bs-border-radius));
            }

.GridPagination {
    text-align: center;
    font-family: var(--kx-font-family-base);
}

    .GridPagination table {
        margin: 1rem auto;
        border-collapse: separate;
        border-spacing: 0.5rem;
    }

    .GridPagination a,
    .GridPagination span {
        display: inline-block;
        padding: var(--kx-size-padding-pagination-y, 0.375rem) var(--kx-size-padding-pagination-x, 1rem);
        font-size: var(--kx-size-font-pagination, 1rem);
        font-weight: var(--kx-size-font-weight-links, 600);
        text-decoration: none;
        border: var(--kx-size-border-width-pagination, 1px) solid var(--kx-color-border-pagination, #ccc);
        border-radius: var(--kx-size-border-radius-pagination, 0.5rem);
        transition: all 0.2s ease;
    }

    .GridPagination span {
        background-color: var(--kx-color-background-pagination-active, #004cc0);
        color: var(--kx-color-font-pagination-link-active, #fff);
        border-color: var(--kx-color-border-pagination-active, #004cc0);
        cursor: default;
    }

    .GridPagination a {
        color: var(--kx-color-font-pagination-link, var(--kx-color-primary));
        background-color: var(--kx-color-background-pagination, #fff);
    }

        .GridPagination a:hover {
            background-color: var(--kx-color-background-pagination-hover, #e9ecef);
            color: var(--kx-color-font-pagination-link-hover, #0a58ca);
            border-color: var(--kx-color-border-pagination-hover, #adb5bd);
        }

/* Reserve space for the error label */
#InvalidPromotionCodeLabel {
    display: block;
    height: 1.25rem; /* Adjust to match error message height */
    font-size: 0.875rem;
}

#BookingErrorBanner {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1050;
    border-radius: 0;
    margin: 0;
}

.Highlight {
    font-weight: bold;
    color: #084298 !important; /* Darker blue */
    text-decoration: underline;
    background-color: #e9ecef;
    border-radius: 4px;
    padding: 4px 8px;
}

.modal-body img {
    max-width: 100%;
    max-height: 100%;
    height: auto !important;
    width: auto !important;
    display: block;
    margin: 0 auto; /* optional: center horizontally */
    object-fit: contain; /* ensures aspect ratio preserved */
}


/*#KxBnBLoginWrapper .KxBnBLogin.absolute .componentLoginWrapper .componentLogin > div, #KxBnBLoginWrapper .KxBnBLogin.fixed .componentLoginWrapper .componentLogin > div {
    background: var(--kx-color-primary);
    float: right;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 35px;
    padding: 10px;
}*/

.ResourceMode,.ResourceModeActive{
    padding: 8px 40px 8px 8px !important;
}


/* Print */
@media print {
    .kx-master-header, .kx-navbar, .kx-master-footer, .kx-search-bar, .kx-user-login-signup-links, .kx-user-login-signup-buttons {
        display: none;
    }
}



.js-add-to-cart,
.js-remove-from-cart,
.GuestComboHeader,
.RoomAvailableHeader,
.RoomUnAvailableHeader,
.LimitedAvailabilityHeader {
    display: none;
}
