:root {
	--primary: #005953;
	--white: #ffffff;
	--cta-bg: var(--primary);
	--cta-txt: 	var(--white);
	--cta-bg-hover: #6B6B6B;
	--border: 1px solid color-mix(in srgb, currentColor 30%, transparent);
	--border-l: 1px solid color-mix(in srgb, currentColor 15%, transparent);
}


.booking-panel-container {
    box-shadow: 1px 1px 1px 4px #f7f5f3bd
}

#LDSSearch {
    --field-gap: 10px;
    --field-50: calc(50% - var(--field-gap));
    display: flex;
    top: var(--header-height);
    z-index: 50;
    background-color: var(--panel-bg);
    color: var(--panel-label-color);
    padding: 20px 20px;
    font-size: 14px
}

@media(min-width: 1080px) {
    #LDSSearch {
        padding:40px 35px 30px;
    }
}

#LDSSearch #LDSSearch-form {
    display: flex;
    align-items: end;
    gap: 20px 0px;
    justify-content: space-between;
    width: 100%;
    max-width: 1510px;
    margin-inline:auto;flex-wrap: wrap
}

@media(max-width: 1080px) {
    #LDSSearch #LDSSearch-form {
        grid-auto-rows:65px
    }
}

@media(min-width: 768px) {
    #LDSSearch #LDSSearch-form {
        gap:20px 0px
    }
}

@media(min-width: 1080px) {
    #LDSSearch #LDSSearch-form {
        display:flex;
        gap: 0;
        flex-wrap: wrap;
        line-height: 24px
    }
}

#LDSSearch #LDSSearch-form:after {
    display: none
}

#LDSSearch #LDSSearch-form label {
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: 1.8;
    height: unset
}

@media(min-width: 1080px) {
    #LDSSearch #LDSSearch-form label {
        line-height:1.2
    }
}

#LDSSearch div.LDSSearch-item {
    margin: 0;
    min-width: 60px;
    float: none;
    clear: unset;
    flex-basis: var(--field-50)
}

@media(min-width: 1440px) {
	#LDSSearch div.LDSSearch-item.LDSSearch-roomCategory {
		min-width: 150px;
	}
	
}	

@media(max-width: 1080px) {
    #LDSSearch div.LDSSearch-item {
        max-width:unset
    }
}

@media(min-width: 1080px) {
    #LDSSearch div.LDSSearch-item {
        display:inline-flex;
        flex-direction: column;
        justify-content: center;
        max-width: 150px;
        flex-basis: 140px;
        margin-bottom: 20px
    }
}

#LDSSearch div.LDSSearch-item>input,#LDSSearch div.LDSSearch-item .selectboxit-text {
    height: 40px;
	margin: 0;
}

#LDSSearch div.LDSSearch-item>input,#LDSSearch div.LDSSearch-item>span {
    border: 1px solid #ccc;
    border-radius: 5px;
    color: #878787
}

#LDSSearch div.LDSSearch-item>span>span {
    border-radius: 5px
}

#LDSSearch div.LDSSearch-item.LDSSearch-fromDate,#LDSSearch div.LDSSearch-item.LDSSearch-toDate {
    flex-basis: var(--field-50)
}

@media(min-width: 1080px) {
    #LDSSearch div.LDSSearch-item.LDSSearch-fromDate,#LDSSearch div.LDSSearch-item.LDSSearch-toDate {
        order:1;
        flex-basis: 140px
    }
}

@media(min-width: 1080px) {
    #LDSSearch div.LDSSearch-item.LDSSearch-adults,
	#LDSSearch div.LDSSearch-item.LDSSearch-infants,
	#LDSSearch div.LDSSearch-item.LDSSearch-children,
	#LDSSearch div.LDSSearch-item.LDSSearch-rooms {
        max-width:140px
    }
}

@media(min-width: 1080px) {
    #LDSSearch div.LDSSearch-item.LDSSearch-adults,#LDSSearch div.LDSSearch-item.LDSSearch-infants,#LDSSearch div.LDSSearch-item.LDSSearch-children {
        order:2
    }
}

@media(min-width: 1080px) {
    #LDSSearch div.LDSSearch-item.LDSSearch-rooms,#LDSSearch div.LDSSearch-item.LDSSearch-roomCategory {
        order:3
    }
}

#LDSSearch div.LDSSearch-item.LDSSearch-roomCategory {
    flex-basis: 100%
}

@media(min-width: 1080px) {
    #LDSSearch div.LDSSearch-item.LDSSearch-roomCategory {
        order:1;
        flex-basis: 160px
    }
}

@media(min-width: 1080px) {
    #LDSSearch div.LDSSearch-item.LDSSearch-text,#LDSSearch div.LDSSearch-item.LDSSearch-code,#LDSSearch div.LDSSearch-item.LDSSearch-fixedStays {
        order:4
    }
}

#LDSSearch div.LDSSearch-item.LDSSearch-submit,#LDSSearch div.LDSSearch-item.LDSSearch-links {
    display: flex;
    justify-content: space-between;
    gap: 4px;
    align-items: center;
    align-self: center;
    flex-wrap: wrap;
    margin: 0
}

@media(min-width: 1080px) {
    #LDSSearch div.LDSSearch-item.LDSSearch-submit,#LDSSearch div.LDSSearch-item.LDSSearch-links {
        justify-content:center;
        order: 5;
        margin-bottom: 20px
    }
}

#LDSSearch div.LDSSearch-item.LDSSearch-links {
    height: 68px;
    align-items: flex-start;
    justify-content: flex-end;
    padding-left: 10px;
    min-width: 140px
}

@media(max-width: 1080px) {
    #LDSSearch div.LDSSearch-item.LDSSearch-links {
        display:flex;
        justify-content: flex-start;
        gap: 0 20px;
        flex: 1;
        align-items: center
    }
}

#LDSSearch div.LDSSearch-item.LDSSearch-links>div {
    margin: 0
}

#LDSSearch div.LDSSearch-item.LDSSearch-links.LDSSearch-links .LDSSearch-cancel,#LDSSearch div.LDSSearch-item.LDSSearch-links.LDSSearch-links .LDSSearch-login {
    margin-top: 0;
    font-size: 15px;
    height: 24px;
    display: inline-flex;
    align-items: flex-end;
    gap: 5px
}

#LDSSearch div.LDSSearch-item.LDSSearch-links.LDSSearch-links .LDSSearch-cancel a,#LDSSearch div.LDSSearch-item.LDSSearch-links.LDSSearch-links .LDSSearch-login a {
    line-height: 1
}

#LDSSearch div.LDSSearch-item.LDSSearch-links.LDSSearch-links .LDSSearch-cancel svg,#LDSSearch div.LDSSearch-item.LDSSearch-links.LDSSearch-links .LDSSearch-login svg {
    fill: var(--panel-button-bg)
}

#LDSSearch div.LDSSearch-item span.selectboxit {
    padding: 0
}

#LDSSearch div.LDSSearch-item .selectboxit-text {
    align-content: center;
    padding: 0
}

#LDSSearch div.LDSSearch-title {
    order: -1;
    align-self: center;
    margin-inline:0;font-size: 30px;
    font-weight: 400;
    line-height: 1.8
}

@media(max-width: 1080px) {
    #LDSSearch div.LDSSearch-title {
        width:100%
    }
}

#LDSSearch #LDSSearch-submit {
    min-width: max-content;
    margin-top: 30px;
    align-self: flex-end
}

@media(max-width: 1080px) {
    #LDSSearch #LDSSearch-submit {
        flex-basis:100%;
        justify-content: center
    }
}

@media(min-width: 1080px) {
    #LDSSearch #LDSSearch-submit {
        flex:0 1 auto;
        margin-top: 10px
    }
}

#LDSSearch #LDSSearch-submit button {
    background-color: var(--panel-button-bg);
    color: var(--panel-button-color);
    margin: 0;
    font-size: 16px;
    font-family: var(--copy-font);
    font-weight: 700;
    padding: 0 20px;
    border-radius: 45px;
    min-width: 140px;
    height: 34px
}

@media(max-width: 1080px) {
    #LDSSearch #LDSSearch-submit button {
        width:100%
    }
}

@media(min-width: 1080px) {
    #LDSSearch #LDSSearch-submit button {
        height:40px
    }
}

#LDSSearch a {
    color: var(--panel-link-color)
}

#LDSSearch .selectboxit-container>span {
    max-height: 38px
}

#LDSSearch .selectboxit-container a {
    color: initial
}

header[data-nav-open]~#LDSSearch {
    z-index: 40
}


/* Add-on */
.bookingpanel {
	display: flex;
	justify-content: center;
	flex-direction: row;
	align-items: center;
	flex-wrap: wrap;
	position: relative;
    z-index: 5;
}

.bookingpanel #LDSSearch .LDSSearch-title {
	font-size: 1.875em;
	padding: 15px 20px 0 0;	
	font-weight: normal;
}

.LDSSearch-title,
.LDSSearch {
	display: flex;
}

.LDSSearch-title {
	display: flex;
	width: 142px;
	padding: 20px;
}

.LDSSearch-title span {
	font-size: 1.875em;
}
#LDSSearch div.LDSSearch-item.LDSSearch-submit button {
	background: var(--cta-bg)!important;
	color: var(--cta-txt)!important;
}

#LDSSearch div.LDSSearch-item.LDSSearch-submit button:focus,
#LDSSearch div.LDSSearch-item.LDSSearch-submit button:hover {
	background: var(--cta-bg-hover)!important;
}

@media(min-width: 1440px) {
	.bookingpanel {
		margin: 0 auto;
		max-width: 1660px;
	}
	.LDSSearch {
		width: calc(100% - 162px);
	}
}

@media(max-width: 1339px) {
    #LDSSearch {
        padding:20px 35px 30px;
    }
	
	.LDSSearch-title {
		padding-top: 40px;
	}
}