/* Custom Client/Override Styling */

@font-face {
	font-family: "PracticeRegular";
	src: url("../fonts/Practice/Practice-Regular/Practice-Regular.otf") format("otf");
    font-display: swap;
}

.kx-logo.kx-logo {
    display: flex;
    width: auto;
    gap: 5px;
}
.kx-logo > svg {
    color: var(--kx-color-primary);
    height: 68px;
    width: 68px;
}

@media (min-width: 768px) {
.kx-logo.kx-logo {
    gap: 10px;
}
.kx-logo > svg {
    color: var(--kx-color-primary);
    height: 104px;
    width: 104px;
}
}

.carousel.slide {
    background-color: black;
    color: white;
}

.kx-social-link svg {
    width: var(--kx-size-font-social-links);
    height: var(--kx-size-font-social-links);
    line-height: 1;
    fill: var(--kx-color-font-social-links, currentColor);
    margin-top: -8px;
}

.BookerAddons:not(:has(.card)) {
    display: none;
}

#MainContentPlaceHolder_BookerAndGuestDetails_trContact,
#MainContentPlaceHolder_BookerAndGuestDetails_NightlyAddonDetailsSpan:has(+ h3) {
    display: none;
}
#MainContentPlaceHolder_BookerAndGuestDetails_NightlyAddonDetailsSpan:has(+ h3) + h3 {
    margin-top: 0 !important;
}

#MainContentPlaceHolder_BookerAndGuestDetails_DataAndPrivacyTerms {
    font-weight: 600;
}


/* Sentence Cases */
.kx-search-results-cart__title,
.kx-heading-accordion__button > span,
.modal-title,
#usersignupcontent h1,
.kx-user-login-signup-links .dropdown-item,
.form-group label,
label:has(> .form-control),
label:has(~ .form-control),
#MainContentPlaceHolder_ShowHideLabel,
[aria-label="Account navigation"] + h3,
#search-heading {
    text-transform: lowercase;
}

.kx-search-results-cart__title::first-letter,
.kx-heading-accordion__button > span::first-letter,
.modal-title::first-letter,
#usersignupcontent h1::first-letter,
.kx-user-login-signup-links .dropdown-item::first-letter,
.form-group label::first-letter,
label:has(> .form-control)::first-letter,
label:has(~ .form-control)::first-letter,
#MainContentPlaceHolder_ShowHideLabel::first-letter,
[aria-label="Account navigation"] + h3::first-letter,
#search-heading::first-letter {
    text-transform: uppercase;
}

#KxBnBCookies .btn-primary {
    --kx-color-background-button-primary: white;
    --kx-color-border-button-primary: white;
    --kx-color-font-button-primary: black;
    --kx-color-background-button-primary-hover: #f0f0f0;
    --kx-color-border-button-primary-hover: #f0f0f0;
    --kx-color-font-button-primary-hover: black;
    --kx-color-background-button-primary-active: #f0f0f0;
    --kx-color-border-button-primary-active: #f0f0f0;
    --kx-color-font-button-primary-active: black;
    --kx-color-background-button-primary-disabled: white;
    --kx-color-border-button-primary-disabled: white;
    --kx-color-font-button-primary-disabled: black;
}

.kx-search-bar__item--promotion .form-control {
    min-width: 160px;
}
.kx-search-bar__item--button {
    text-align: center;
}
.kx-search-bar__search-button {
    max-width: 540px;
}

#MainContentPlaceHolder_lbtnForgotPassword,
#MainContentPlaceHolder_lbtnResendActivationEmail {
    display: inline-block;
    position: relative;
}
#MainContentPlaceHolder_lbtnForgotPassword::after,
#MainContentPlaceHolder_lbtnResendActivationEmail:after {
    display: inline-block;
    content: "";
    width: 1em;
    height: 1.5em;
    position: absolute;
    transform: translateX(-0.5em);
    background-color: var(--kx-color-background-base, #fff);
}