/*@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Prata&display=swap');*/
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Prata&display=swap');

:root {
	--primary-color: #f76c7d;
	--secondary-color: #d1e0e0;
	--tertiary-color: #EEE;
	--quaternery-color: #444;
	--quinary-color: #68a0a1;
	--senary-color: #cc0027;
}

html {
	background-color: white !important;
}

body,
body *:not(.fa) {
	font-family: "Lato", serif;
	font-weight: 400;
	font-style: normal;
	font-size: 14px;
	letter-spacing: 0 !important;
}

strong,
li a,
p a {
	font-size: inherit !important;
}

.larger-standard-text,
.larger-standard-text *:not(.fa) {
	font-size: 15px;
}

a.reverse_hover {
	text-decoration: underline;
}

a.reverse_hover:hover {
	text-decoration: none;
}

p.first {
	font-size: 16px;
	font-weight: bold;
}

div.top-bar {
	padding: 5px 5px 10px 5px;
}

/* new logo */
div.logo a img {
	background-size: 265px 66px;
	width: 265px;
	height: 66px;
}

@media(max-width:768px) {
	div.logo a img {
		width: 219px;
		height: auto;
		margin-left: -12px;
		margin-top: 3px;
	}
}

div.site-header {
	border-top: 0 !important;
	padding-top: 5px;
	border-bottom-color: black !important;
}

div.nav-holder {
	border-color: black !important;
}

/*.hotel-page-intro p, .intro-section p,
.hotel-offer-card ul.icon-list li {
	font-size:13px !important;
}*/
.icon:not(.price-match)::before {
	font-size: 11px;
}

body ul.hotel-tabs li a {
	font-size: 11px !important;
}

.nav li a {
	padding: 8px 0 5px 0 !important;
	color: black !important;
	letter-spacing: 0.5px !important;
	font-size: 16px !important;
	font-weight: normal !important;
}

.nav li li a {
	letter-spacing: 0 !important;
	flex: 1;
	text-align: left;
}

.nav li a:hover {
	background-color: #f6f6f6;
	text-decoration: none !important;
}

.sf-menu a.sf-with-ul::after {
	width: 18px;
}

@media(min-width:900px) {
	.nav li.widen-for-arrow>a {
		padding-right: 6px !important;
	}

	.sf-menu a.sf-with-ul::after {
		width: 10px;
	}
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6,
.special-txt,
.headline,
h1 span,
.h1 span,
.p-special-txt>p {
	font-family: "Prata", serif !important;
	color: #222;
}

h1 {}

.btn,
.btn *:not(.fa),
.standard-font {
	font-family: "Lato", serif !important;
	text-transform: none !important;
	font-size: 15px !important;
}

.btn {
	padding: 8px 20px 9px !important;
}

.secondary-btn {
	background-color: var(--quinary-color) !important;
	color: #FFF !important;
	border-color: transparent !important;
}

.btn i {
	color: white;
	font-size: 14px !important;
}

.primary-btn,
.secondary-btn.reverse-btn {
	background-color: var(--primary-color) !important;
	color: white !important;
}

.primary-btn:hover {
	background-color: #f3465a !important;
}

.primary-btn.disabled,
.secondary-btn.reverse-btn.disabled {
	background: #EEE !important;
	color: #AAA !important;
}

.top-booking-summary h3 {
	color: var(--quaternery-color) !important;
}

.highlight-wrapper {
	background-color: #d1e0e0 !important;
	background-image: none !important;
	border: 0 !important;
	/*background-image:-webkit-linear-gradient(left, #d1e0e0, #d1e0c0) !important;
	background-image:linear-gradient(left, #d1e0e0, #d1e0c0) !important;*/
}

.highlight-section p {
	color: #000 !important;
}

.nav li a.active,
.hotel-offer-card h2 {
	border-bottom-color: var(--primary-color) !important;
	border-bottom-width: 2px;
	line-height: 24px;
}

.icon::before {
	background-image: url(/img/icon-sprite-ppj.svg) !important;
}

.h-icon::before {
	background-image: url(/img/hotel-icons-ppj.png) !important;
}

h1 .title-line,
h2 .title-line,
h3 .title-line,
h4 .title-line,
h5 .title-line,
h6 .title-line,
.special-txt .title-line {
	background-color: var(--primary-color) !important;
}

h1 .decor-line,
h2 .decor-line,
h3 .decor-line,
h4 .decor-line,
h5 .decor-line,
h6 .decor-line,
.special-txt .decor-line {
	background-color: transparent !important;
}

a:not(.btn) {
	color: #000000 !important;
}

a.filter-tab.selected {
	color: #FFF !important
}

a:not(.btn):hover {
	text-decoration: underline;
}

div.footer-wrapper {
	background: white !important;
}

div.footer-wrapper div.info-wrapper div.container {
	border-top: 1px solid var(--secondary-color);
}

footer p {
	color: #333;
}

.footer-links li a {
	color: #FFFFFF !important;
}

div.sign-up.hidden-mobile {
	background: var(--secondary-color);
}

div.sign-up-text {}

.default-heading-wrapper {
	border-top-color: transparent !important;
}

#page-countryhotelbreaks span.season_this,
#page-cotswoldhotelbreaks span.season_this,
#page-ukluxurybreaks span.season_this {
	background-color: var(--secondary-color) !important;
	color: #000 !important;
}

.season_bar_wrapper,
.hero-section {
	border-bottom-color: var(--tertiary-color) !important;
}

.progress-bar .bar-number.active {
	background-color: var(--primary-color) !important;
}

.hotel-offer-card .exclusive-offer {
	background-color: var(--quaternery-color) !important;
}

a.add_room_button {
	background-color: var(--secondary-color) !important;
	padding: 8px !important;
	border-radius: 3px !important;
}

.info-wrapper {
	border-top-color: var(--secondary-color) !important;
}

h1.block-title,
h2.block-title,
h3.block-title {
	background-color: #444 !important;
}

h1.block-title.reverse,
h2.block-title.reverse,
h3.block-title.reverse {
	color: #FFF !important;
}

div.page-title.hotel-page a:hover {
	text-decoration: none;
}

.page-title h1 {
	text-transform: none !important;
}

#partner_advice_banner {
	background-color: var(--primary-color) !important;
}
#partner_advice_banner * {
	color: white !important;
}

.page-title.hotel-page p.member-date {
	background: linear-gradient(90deg, #FFD700, #FFA500, #FFD700);
	color: #222;
}

@media(max-width:768px) {
	.top-booking-summary p span {
		display: inline;
	}

	.page-title h1 {
		font-size: 24px !important;
	}

	.hotel-offer-card .exclusive-offer {
		color: white !important;
		padding: 8px;
	}

	.info-container {
		text-align: left;
	}

	.default-heading-wrapper::before {
		margin-top: 7px;
	}
}

@media(max-width:992px) {
	.site-navigation .nav {
		background-color: white !important;
	}

	.site-navigation .nav li a.active {
		border-left-color: var(--primary-color) !important;
		border-bottom-color: #443f3c !important;
		border-bottom-width: 1px !important;
	}

	.nav li a {
		padding: 8px 0 5px 8px !important;
	}

	a#nav-toggle p,
	a#search-toggle p {
		display: none;
	}

	a#nav-toggle,
	a#search-toggle {
		margin-top: 10px;
	}
}

.subscribe-newsletter-container p {
	text-align: left !important;
}

.subscribe-newsletter-container p b {
	font-weight: bold;
}

.subs-form .input {
	width: 62%;
}

.subscribe-newsletter-container .primary-btn {
	background-color: var(--quinary-color) !important;
	width: auto;
}

.ppj-footer-link-section {
	display: flex;
	margin-bottom: 2rem;
	justify-content: space-between;
}

.ppj-footer-link-section-inner {
	width: 49%;
}

p.ppj-footer-link-header {
	font-weight: bold;
	margin-bottom: 10px;
	text-align: left;
}

ul.ppj-footer-links {
	list-style: none;
	margin: 0 0 20px;
	padding: 0;
}

ul.ppj-true-footer-links {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.ppj-true-footer-links li {
	display: inline-block;
	margin-right: 20px;
}

div.footer-absolute {
	border-top: 1px solid black;
	padding-top: 0.2rem;
	margin-top: 2rem;
}

div.footer-absolute-content {
	display: flex;
	justify-content: space-between;
	align-items: baseline
}

img.payments-method-image {
	width: 310px;
	height: 38px;
}

footer div.info-wrapper {
	border-top: 0;
}

div.pets-in-press-wrapper {
	border-bottom-color: black;
	margin-top: 20px;
}

div.pets-in-press {
	padding: 3rem 0;
}

div.pets-in-press p.headline {
	font-size: 28px;
	padding-bottom: 15px;
	text-align: center;
	font-weight: normal;
}

div.press-logo-container {
	margin: 0 180px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

div.page-content-long-form-wrapper {
	border: 0;
}

div.page-content-long-form {
	text-align: center;
	padding: 3rem 0;
}

div.page-content-long-form p.headline {
	font-size: 27px;
}

div.page-content-long-form p strong {
	font-weight: bold;
}

div.phone-booking {
	max-height: 70px;
	overflow: hidden;
}

a.reviews-badge-anchor {
	display: inline-block;
	z-index: 1;
	position: relative;
}

div.reviews-badge-overflow {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
}

a#reviews-badge-anchor-mobile {
	display: none;
}

@media(max-width:992px) {

	a#reviews-badge-anchor-mobile {
		display: block;
		max-height: 70px;
		overflow: hidden;
		margin: 5px auto 0;
		text-align: center;
	}

	a#reviews-badge-anchor {
		display: none;
	}

	div.phone-booking {
		display: none;
	}

	div#badge-ribbon iframe,
	div#badge-ribbon-mobile iframe {
		width: auto;
	}

	div#partner_advice_banner {
		/*margin-top: 75px;*/
	}
}

.sky-form .input:hover input,
.sky-form .select:hover select,
.sky-form .textarea:hover textarea,
.sky-form .radio:hover i,
.sky-form .checkbox:hover i,
.sky-form .toggle:hover i,
.sky-form .ui-slider-handle:hover {
	border-color: var(--quinary-color) !important;
}

div.me-and-my-pet-wrapper {
	border-bottom-color: black;
}

div.me-and-my-pet {
	padding: 3rem 0;
}

div.me-and-my-pet p.headline {
	font-size: 35px;
	padding-bottom: 15px;
	text-align: center;
	font-weight: normal;
}

.tile-container {
	display: grid;
	gap: 20px;
	justify-content: center;
	margin-bottom: 20px;
	grid-template-columns: repeat(3, 1fr);
	align-items: start;
}

.tile-container-four {
	grid-template-columns: repeat(4, 1fr);
}

.tile-3 {
	grid-column: span 3;
}

.tile-2 {
	grid-column: span 2;
}

.tile-1 {
	grid-column: span 1;
}


.tile {
	position: relative;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	align-items: stretch;
	text-align: left;
	text-decoration: none !important;
}

.tile.shrinky-dink {
	margin: 0 auto;
}

.tile img {
	width: 100%;
	object-fit: cover;
	/* I keep swapping this; not sure why! */
	object-position: top left;
	max-height: 275px;
	display: block;
	align-self: flex-start;
}

.tile.shrinky-dink img {
	object-fit: none !important;
	width: auto !important;
	height: auto !important;
	min-height: 0 !important;
}

.tile span {
	background-color: #F3F3F3;
	font-size: 20px;
	padding: 15px 10px 0;
	min-height: 60px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: relative;
	text-transform: none;
}

.tile:hover span,
.tile:hover .tile-description {
	background-color: #E0E0E0;
}

.tile.no-hover:hover span,
.tile.no-hover:hover .tile-description {
	background-color: #F3F3F3;
}

a.tile:hover .special-txt {
	text-decoration: underline;
}

a.tile span::after {
	content: "\203A";
	display: block;
	position: absolute;
	right: 10px;
	top: 0;
	font-size: 35px;
}

.tile-description {
	background-color: #F3F3F3;
	padding: 0 10px 15px;
}

.tile-container.tile-blank .tile span,
.tile-container.tile-blank .tile:hover span,
.tile-container.tile-blank .tile:hover .tile-description,
.tile-container.tile-blank .tile .tile-description {
	background-color: transparent;
}

.tile-description p:first-child {
	margin-top: 0;
}

@media (max-width:768px) {
	div.page-heading div.row {
		margin: 0;
	}

	.tile-container {
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
	}

	div.default-page div.intro-wrapper {
		padding: 0 20px;
	}

	div.press-logo-container {
		margin: 0;
		flex-wrap: wrap;
		justify-content: center;
	}

	.subs-form .input,
	.subscribe-newsletter-container .primary-btn {
		width: 100%;
	}

	.ppj-footer-link-section {
		display: block;
	}

	div.footer-absolute-content {
		flex-direction: column;
	}

	.tile {
		width: 100%;
		background-color: #E3E3E3;
	}

	.tile img,
	.tile.shrinky-dink img {
		width: 100% !important;
		margin: auto !important;
		min-height: 0 !important;
		max-height: 400px !important;
		object-fit: cover !important;
		object-position: top left;
	}
}

/* home hero elements */

div.home-page-hero {
	position: relative;
	margin-top: 15px;
	height: 400px;
	background-position: 50%;
	background-size: cover;
	background-repeat: no-repeat;
	/*overflow:hidden;*/
}

div.hero-content {
	margin: 80px auto 32px auto;
	text-align: center;
}

div.hero-text-background {
	background: rgba(0, 0, 0, 0.6);
	padding: 15px;
	display: inline-block;
	margin-bottom: 50px;
}

div.hero-content h1 {
	font-size: 33px;
}

div.hero-content div.sub-heading p {
	font-size: 20px;
}

div.hero-content h1,
div.hero-content div.sub-heading p {
	color: white;
	text-transform: none;
	text-align: left;
}

.intro-section h1 {
	font-size: 26px;
}

div.spaced-content {
	margin: 50px 0 30px;
}

div.home-managed-content {
	text-align: center;
}

div.home-managed-content.home-managed-left {
	text-align: left;
}

div.home-managed-content h1 {
	font-size: 35px;
	text-transform: none;
	margin: 50px 0 30px;
}

div.home-managed-content h2 {
	font-size: 24px;
	text-transform: none;
	margin: 30px 0 15px;
}

div.home-managed-content img.full-screen {
	margin: 0 auto;
	width: 100%;
	height: auto;
}

img.home-managed-image-mobile {
	display: none;
}

@media (max-width:768px) {
	div.home-page-hero {
		margin-top: 0;
		/*background-image:url(/img/ppj-hero/images-dogs-snow-mobile.jpg) !important;*/
		background-position: 50% 0;
		text-align: center;
		height: auto;
		overflow: hidden;
	}

	div.hero-text-background {
		margin-bottom: 20px;
	}

	div.hero-content {
		margin-top: 200px;
		padding: 20px;
		margin-bottom: 20px;
	}

	div.hero-content div.sub-heading p {
		font-size: 14px;
	}

	div.hero-content h1,
	div.hero-content div.sub-heading p {
		text-align: center;
	}

	div.home-managed-content {
		margin: 0 20px;
	}

	img.home-managed-image-desktop {
		display: none;
	}

	img.home-managed-image-mobile {
		display: block;
		margin: auto;
		width: 100%;
		height: auto;
	}

	#filter-container {
		align-items: center !important;
		padding-top: 0 !important;
	}

	#filter-price-inner {
		flex-direction: column !important;
	}

	#filter-price-explanation {
		margin-top: 60px !important;
		margin-left: 0 !important;
	}
}

@media (max-height: 780px) {
	.search-input.offer-children {
		display: none;
	}

	/*#filter-price {
		display:none !important;
	}*/
	#additional-features {
		margin-top: 5px !important
	}

	#price-label,
	#filter-tabs {
		margin: 0 0 5px 0 !important;
	}

	#price-label {
		display: none;
	}

	#filter-price-explanation {
		margin-top: 20px !important;
		visibility: hidden;
	}
}

.hero-wrapper.inner-page-hero .container .hero-page-title h1 {
	-webkit-text-stroke: 0 !important;
	text-shadow: -1px 1px 2px rgba(0, 0, 0, 0.6) !important;
}

a.white {
	color: white !important;
}

#gallery_wrapper a.info_button {
	min-width: 200px;
	padding-top: 14px !important;
	padding-bottom: 14px !important;
}

.fpv-search-wrapper.search-wrapper {
	border-bottom: 1px solid #222;
	margin-bottom: 0;
}

div#search-form.is-sticky .fpv-search-wrapper.search-wrapper {
	border-bottom: 0;
}

.fpv-search-block fieldset {
	display: flex;
	justify-content: space-between;
}

.fpv-search-block label.label {
	display: none;
}

.fpv-search-block .search-nights-input {
	width: 120px !important;
}

.search-wrapper .search-block {
	padding: 15px 0 0 0;
}

.search-wrapper.offer-search {
	height: auto;
}

.search-sky-form {
	padding: 0 !important;
	margin: 0 !important;
}

@media (min-width:768px) {

	.search-wrapper .search-block h2 {
		display: none;
	}

	.search-wrapper.offer-search {
		position: -webkit-sticky;
		position: sticky;
		background-color: #fff;
		top: 0;
		left: 0;
		right: 0;
		z-index: 50;
		margin: 0;
		max-height: 90vh;
		/* I must hve put this in for a reason... 
		overflow-y: auto; */
	}

	.search-wrapper.offer-search.is-sticky {
		border-bottom: 0 !important;
		background-color: mistyrose;
		/*box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);*/
	}

	.search-postcode input[type=text] {
		border: 0;
		border-bottom: 1px solid #A0E6E9;
	}

	.search-postcode::after {
		content: none !important;
	}

	.sky-form fieldset+fieldset {
		border: 0;
	}

	.fpv-search-wrapper.search-wrapper {
		border-top: 0;
		margin-top: 10px;
	}
}

/* simple card display */

.chilled-card-layout {
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
}

.chilled-card {
	width: 48%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	text-decoration: none;
}

.chilled-card-image-height-container {
	max-height: 200px;
	overflow: hidden;
	display: flex;
	align-items: center;
}

.chilled-card-layout-2 .chilled-card {
	width: 48%;
}

.chilled-card-layout-3 .chilled-card {
	max-width: 33%;
	flex: 32%;
}

.image-card.chilled-card {
	padding: 0;
}

.image-card.chilled-card h2.block-title {
	background: rgba(0, 0, 0, 0.7) !important;
}

.chilled-card h2 {
	padding-top: 16px;
	font-size: 17px;
}

.chilled-card-bottom {
	margin-top: 10px;
	margin-bottom: 40px;
}

a.chilled-card:hover {
	text-decoration: none !important;
}

a.chilled-card img {
	width: 100%;
	height: auto;
}

a.chilled-card span.link_foxer {
	margin-top: 6px;
	font-weight: 700;
	font-size: 15px;
	text-transform: uppercase;
	color: black;
}

a.chilled-card span.link_foxer i {
	color: black;
}

a.chilled-card:hover span.link_foxer {
	text-decoration: underline !important;
}

p.search_location {
	margin-bottom: 10px;
}

div.hide_location_tags p.search_location {
	display: none !important;
}


div.ppj-tick-items {
	display: flex;
	flex-direction: column;
	gap: 5px;
	/* Space between items */
}

div.ppj-tick-items span {
	display: flex;
	align-items: center;
	/* Vertically centers text */
	background: url(/img/petspyjamas-tick-icon.png) no-repeat 0 50%;
	background-size: 20px;
	padding-left: 26px;
	/* Space for the tick icon */
	min-height: 26px;
	/* Ensures consistent height for single-line text */
	padding-top: 2px;
	/* Optional: Adjust spacing above text */
	padding-bottom: 2px;
	/* Optional: Adjust spacing below text */
	word-wrap: break-word;
	/* Ensure wrapping works as intended */
	font-size: 13px;
}

@media (min-width: 768px) and (max-width: 991px) {
	div.ppj-tick-items {
		display: none;
	}
}


.map_column_container {
	/*border:2px solid rgba(0,0,0,0.1);*/
}

.hotel_details_container .col-4 {
	margin-top: 20px;
	width: 97% !important;
}

div.on_page_copy {
	padding: 0 !important;
}

div.top-search-form-homepage {
	display: none;
}

div.season_bar_wrapper {
	border: 0 !important;
}

div.check-in-nights,
div.adults-children-dogs {
	display: flex;
	gap: 10px;
}

@media (max-width: 768px) {

	.chilled-card-layout {
		display: block;
	}

	.chilled-card-layout .chilled-card {
		width: auto !important;
		max-width: none !important;
	}

	.search-wrapper .search-block .search-btn {
		margin-top: 0;
	}

	form.home-search-form {
		/*display:none;*/
		width: 90%;
	}

	fieldset.home-search {
		flex-direction: column;
		border-radius: 20px !important;
	}

	fieldset.home-search div.search-input.search-location,
	fieldset.home-search div.search-input.search-location input {
		width: 90%;
	}

	div.search-input.search-btn button {
		width: 100% !important;
		height: auto !important;
	}

	div.search-input.search-btn i {
		font-style: normal !important;
		font-size: 16px !important;
		font-family: "Lato", serif !important;
		text-transform: uppercase;
	}

	div.search-input.search-btn i::before {
		content: "";
	}

	div.search-input.search-btn i::after {
		content: "Check availability";
	}

	div.top-search-form-homepage {
		display: block;
	}

	div.browse-navigation {
		padding: 10px !important;
	}

	.fpv-search-block .sky-form fieldset {
		margin-top: 15px;
		display: block;
	}

	.fpv-search-block .search-input {
		margin-top: 5px;
	}

	div.season_bar_wrapper {
		margin: 0 -25px !important;
	}

	div.season_bar a.season_nav {
		background-size: 6px;
		bottom: 2px;
		padding: 0 !important;
	}

	div.season_bar a.season_nav.season_next {
		background-position: 100% 50%;
	}

	div.season_bar a.season_nav.season_prev {
		background-position: 0% 50%;
	}

	div.season_bar a.season_nav span {
		font-size: 11px;
	}
}

div.season_bar span.season_this {
	color: #000 !important;
}

div.offer-search h2 {
	margin-top: 10px;
}

/* hotel offers page */

.tab-content h1 {
	font-size: 24px;
	margin-top: 10px;
}

.tab-content h2 {
	font-size: 24px;
}

.tab-content h3 {
	font-size: 22px;
}

.tab-content p,
.tab-content p b,
.tab-content ul li,
.tab-content ul li span,
aside,
span.room_message {
	font-size: 16px;
}

.tab-content ul li span {
	line-height: 18px;
}

.hotel-gallery-nb {
	margin-top: 0;
	padding-bottom: 20px;
}

div.rsGCaption {
	display: none;
}

.hotel-page-intro {
	margin: 40px 0 20px;
	overflow: hidden;
}

.hotel-page-intro p {
	padding-left: 0;
}

/*.hotel-page-intro .col-6 {
	padding:0;
}*/
.bow-wow-factor {
	background: #d1e0e0;
	border-radius: 5px;
	overflow: hidden;
	padding: 33px 40px;
	display: flex;
	align-items: center;
	gap: 20px;
	margin-top: 20px;
}

.bow-wow-factor::before {
	content: "";
	background: url(/img/new-dog-face.png) no-repeat;
	width: 85px;
	min-width: 85px;
	height: 80px;
}

.text-untransform {
	text-transform: none;
}

.rsDefault.rsHor .rsArrowLeft {
	left: 25%;
}

.rsDefault.rsHor .rsArrowRight {
	right: 25%;
}

.visibleNearby .rsSlide:not(.rsActiveSlide) img {
	opacity: 0.4 !important;
}

@media(max-width:768px) {
	.tab-content ul li span {
		line-height: 22px;
	}

	.package_inclusions ul li {
		margin-bottom: 10px;
	}

	div.rsThumbs {
		margin-top: -55px;
	}

	.rsDefault.rsHor .rsArrowLeft {
		left: 2%;
	}

	.rsDefault.rsHor .rsArrowRight {
		right: 2%;
	}
}

div#search-form {
	background-color: white !important;
}

.add-container::after {
	content: '';
	display: block;
	clear: both;
}

p.hotel-rating,
p.hotel-rating a {
	color: var(--quinary-color) !important;
	margin-bottom: 4px;
}

p.hotel-rating a:hover {
	text-decoration: none;
}

.hotel-rating i {
	color: gold !important;
}

.filter_display {
	background-color: var(--secondary-color) !important;
	border-radius: 5px;
	margin-bottom: 30px;
}

.offer_dow {
	background-color: transparent !important;
	border-top: 0 !important;
}

.days_of_week span {
	background-color: var(--quinary-color) !important;
}

a.blue-link {
	color: var(--quinary-color) !important;
}

a.link-with-arrow {
	background: url();
	text-decoration: underline;
}

p.stay_and_receive {
	margin-bottom: 20px;
}

div.hotel-features-bar-container {
	border-top: 1px solid #C5C5C5;
	margin-left: -20px;
	margin-right: -20px;
}

div.hotel-features-bar {
	margin: 0;
	display: flex;
	justify-content: space-between;
	padding: 15px 5px;
}

div.hotel-feature {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	gap: 2px;
	align-items: center;
	position: relative;
	text-align: center;
}

div.hotel-feature img {
	width: 40px;
	height: auto;
}

article {
	/* fixed sticky issue */
	display: flex;
	flex-direction: column;
}

div.hotel-jump-bar-container {
	position: -webkit-sticky;
	position: sticky;
	top: 65px;
	left: 0;
	right: 0;
	z-index: 1;
	margin: 0;
	max-height: 90vh;
	border-top: 1px solid #C5C5C5;
	margin-left: -20px;
	margin-right: -20px;
	background: white;
}

div.hotel-jump-bar {
	display: grid;
	grid-auto-flow: column;
	position: relative;
}

div.hotel-jump-bar-container::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -5px;
	width: 100%;
	height: 5px;
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), transparent);
}

a.hotel-jump-item {
	display: block;
	text-align: center;
	padding: 10px 0;
	position: relative;
	z-index: 1;
	background: white;
	cursor: pointer;
}

a.hotel-jump-item,
a.hotel-jump-item span {
	font-size: 16px;
}

a.hotel-jump-item::after {
	content: "";
	z-index: 0;
	position: absolute;
	bottom: -20px;
	left: 50%;
	transform: translateX(-50%);
	width: 30px;
	height: 20px;
	background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="30" height="20" viewBox="0 0 30 20"><polygon points="0,0 20,0 10,10" fill="white"/><polyline points="0,0 10,10 20,0" fill="none" stroke="black" stroke-opacity="0.2" stroke-width="1"/></svg>') no-repeat center/contain;
}

@media(max-width:768px) {

	a.hotel-jump-item,
	a.hotel-jump-item span {
		font-size: 13px;
	}

	div.hotel-jump-bar-container {
		top: 71px;
	}

	a.hotel-jump-item {
		padding: 15px 0;
	}

	a.hotel-jump-item span {
		display: none;
	}
}

.rsDefault .rsBullets {
	bottom: 40px;
	background: transparent;
	height: 20px;
}

.rsDefault .rsBullet {
	padding: 6px 10px 6px;
}

.rsDefault .rsBullet span {
	width: 12px;
	height: 12px;
	background: rgba(255, 255, 255, 0.7);
}

span.numero-dog {
	position: absolute;
	top: 0;
	margin-top: 22px;
	margin-left: 22px;
	font-size: 9px;
	font-weight: 700;
	font-family: monospace;
}

.oplred {
	color: var(--primary-color);
}

strong.oplred,
strong.oplblue {
	font-weight: 600;
}

.oplblue {
	color: var(--quinary-color);
}

.card .price_container_container .offer-price .price_element span {
	font-weight: bold;
	font-size: 18px;
}

.card .price_container_container .offer-price .price_element.oplred {
	color: var(--quaternery-color) !important;
}

.price_tabs a.selected {
	background: var(--tertiary-color) !important;
	border-color: var(--tertiary-color) !important;
}

.bwc_container {
	display: flex;
	justify-content: space-between;
}

.bwc_element {
	flex: 1;
	text-align: center;
}

.aag-content-container {
	background: #f8f8f8;
	margin-left: -20px;
	margin-right: -20px;
}

.aag-content .section_breather {
	margin: 30px 0;
	background-color: #F6F6F6 !important;
}

@media (min-width:1200px) {
	.aag-content .section_breather {
		margin: 30px -20px;
	}
}

.aag-content .section_breather .intro-wrapper {
	background-color: #F6F6F6 !important;
}

.aag-content .section_breather.pets-in-press-wrapper {
	border-top: 0 !important;
}

.col-4.box-spacer,
.col-4.booking_right_column {
	box-shadow: none !important;
	display: block !important;
	padding-left: 20px !important;
	padding-right: 20px !important;
	background-color: transparent !important;
	cursor: auto !important;
}

.col-4.box-spacer:hover,
.col-4.booking_right_column:hover {
	box-shadow: none !important;
}

.page-title.hotel-page li a {
	font-size: 14px !important;
}

@media(max-width:768px) {

	div.hotel-features-bar-container,
	div.hotel-jump-bar-container,
	.aag-content-container {
		margin-left: -10px;
		margin-right: -10px;
	}

	.bwc_container {
		display: block;
	}

	.aag-spacer {
		margin: 20px 0;
	}

	.highlight-row.dividing-row.aag-spacer,
	.highlight-row.dividing-row.normalise-flow {
		flex-direction: column;
	}
}

.aag-spacer .col-6 {
	padding-left: 20px;
}

.review-quote i {
	display: none;
}

@media (max-width:768px) {
	.room_layout .room_image {
		min-width: 0 !important;
		max-width: 100% !important;
	}

	.aag-spacer .col-6 {
		padding-left: 10px;
	}
}

#cookie-banner div {
	position: relative;
	z-index: 1000;
	background-color: white;
}

#cookie-banner::before {
	content: "";
	/* Required to display the pseudo-element */
	position: fixed;
	/* Cover the entire screen */
	top: 0;
	left: 0;
	width: 100vw;
	/* Full width of the viewport */
	height: 100vh;
	/* Full height of the viewport */
	background: rgba(0, 0, 0, 0.4);
	/* Blackout effect with transparency */
	z-index: 999;
	/* Ensure it is below the cookie banner */
}

#cookie-banner,
#cookie-banner p,
#cookie-banner p a.reverse_hover {
	color: black !important;
}

.need-to-know-bar {
	margin: 20px 0 80px;
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}

div.need-to-know {
	flex-basis: 16%;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	gap: 10px;
	align-items: center;
}

div.need-to-know img {
	width: 48px;
	height: 48px;
}

div.need-to-know-text {
	font-size: 16px;
}

.group_container.message_pinky:not(.hide_package_title) {
	background: white;
	padding: 30px;
	border: 1px solid rgba(0, 0, 0, 0.1);
	box-shadow: 0 4px 2px 0px rgba(128, 128, 128, 0.2);
	border-radius: 0.5rem;
}

.group_container.single_group_room_container {
	padding-bottom: 0;
	/* less whitepsace needed */
	margin-bottom: 0;
	padding-top: 0;
}

.hide_package_title .package_group_header {
	display: none;
}

div.summary_room_details {
	margin: 20px 0;
}

.col-image .img-container {
	background-color: transparent;
}

.hide_generic_seven_day {
	display: none !important;
}

@media(max-width:768px) {
	.group_container.message_pinky {
		padding: 20px !important;
	}

	.group_container.message_pinky.hide_package_title {
		padding: 0 !important;
	}

	div.need-to-know {
		flex-basis: 40%;
	}
}

div.ind-ratings {
	border: 0 !important;
	padding: 0 !important;
}

blockquote i {
	display: none;
}

blockquote p {
	padding: 0;
	font-weight: bold !important;
}

.other-review-elements-toggle {
	display: inline-block !important;
	border-radius: 2px;
	border: 1px solid #CCC;
	margin: 12px 0 8px 0;
	padding: 4px 8px;
}

.other-review-elements-toggle:hover {
	background: #F0F0F0;
}

.other-review-elements-toggle:hover a {
	text-decoration: none !important;
}

.other-review-elements {
	display: none;
}

.progress-bar .bar-number .number {
	padding: 10px 12px;
}

.summary .offer-details {
	display: block;
}

#telephone-evening,
#telephone-daytime,
#toggle_one4all,
#address-line-2 {
	display: none !important;
}

#telephone-mobile .form-label span {
	visibility: hidden;
}

#telephone-mobile .form-label::before {
	content: "Contact Telephone *";
	display: block;
}

#aag-sticker {
	position: absolute;
	top: 30px;
	right: 25.5%;
	z-index: 1;
	display: inline-block;
}

#aag-sticker div {
	background: white;
	border-radius: 5px;
	padding: 10px 50px 10px 20px;
	color: #282828;
	font-size: 15px;
	line-height: 30px;
}

#aag-sticker a.price-match {
	font-size: 160%;
	position: absolute;
	top: -8px;
	right: -28px;
}

#aag-sticker.has-from-price div {
	padding-right: 40px;
	background: white;
	border-radius: 5px;
	padding: 10px 70px 10px 20px;
	color: #282828;
	font-size: 15px;
	line-height: 22px;
}

#aag-sticker.has-from-price a.price-match {
	font-size: 185%;
	position: absolute;
	top: -6px;
	right: -20px;
}

@media(max-width:768px) {
	#aag-sticker {
		position: fixed;
		top: auto;
		bottom: 0;
		right: 0;
		left: 0;
		text-align: center;
		box-shadow: 0 -2px 4px 0 rgba(0, 0, 0, 0.3);
	}

	#aag-sticker a.price-match {
		display: none;
	}

	#aag-sticker div strong {
		padding: 0 3px;
	}

	#aag-sticker div br {
		display: none;
	}

	.rsNav.rsThumbs.rsThumbsHor {
		margin-top: -45px;
	}

	div.top-review-panel {
		flex-wrap: wrap;
	}

	div.room_layout_scroll_inner_container .room_layout {
		margin-right: 0 !important;
		width: auto !important;
	}

	div.flex_split div.book_now_block a.orange_button {
		width: 100% !important;
	}

	div.instant_confirmation_block {
		float: none !important;
		display: block;
	}

	div.instant_confirmation_block span {
		font-size: 14px !important;
	}

	span.aligned-text {
		line-height: 17px;
	}
}

div.nav_anchors_list ul li {
	margin-bottom: 1px !important;
}

div.nav_anchors_list ul a {
	color: white !important;
}

table.date_month_block td.date_cell {
	padding: 1px;
}

table.date_month_block td.date_cell a {
	border-radius: 1px;
	background-color: #FFF;
	color: #222;
	transition: background-color;
}

table.date_month_block td.date_cell a:hover,
table.date_month_block td.date_cell a.selected {
	background-color: #999 !important;
	text-decoration: none;
	color: #FFF !important;
}

.date_cell a,
.date_cell span {
	margin-top: 0 !important;
	padding: 6px 4px !important;
}

table.date_month_block tbody tr {
	background-color: transparent !important;
}

table.date_month_block td {
	border-bottom: 0;
}

h1+div.offer-title {
	margin-top: 10px;
}

.rsDefault .rsThumbsHor {
	margin: 15px 0;
	background-color: white;
}

.underline,
.overline {
	border: 0;
	border-color: var(--secondary-color);
	border-style: solid;
}

.underline {
	border-bottom-width: 3px;
	padding-bottom: 20px;
	margin-bottom: 20px;
}

.overline {
	border-top-width: 3px;
	padding-top: 20px;
	margin-top: 20px;
}

a.back-to-top {
	background-color: var(--quinary-color) !important;
	color: white !important;
}

.hotel_index {
	background-color: var(--quinary-color) !important;
	color: white !important;
	border-radius: 2px !important;
	padding: 3px 6px !important;
	width: auto !important;
	line-height: 18px !important;
}

form#contact_form {
	background: #F0F0F0;
	padding: 20px;
}

b,
strong {
	font-weight: bold !important;
}

div.page-heading.with-tabs div.sign-up {
	display: none !important;
}

.aag-jump-link {
	margin-top: -25px;
	visibility: hidden;
	height: 25px;
	display: block;
}

.aag-jump-link.no-height {
	height: 1px;
}

div.star-rating {
	white-space: nowrap;
}

div.hero-with-image-text-container {
	background-color: rgba(0, 0, 0, 0.4);
	padding: 25px 35px 15px 35px;
	display: inline-block;
}

@media (max-width:768px) {
	div.room_details {
		display: flex;
		flex-direction: column;
		width: auto !important;
	}

	span.room_message_supplement {
		display: flex !important;
		gap: 10px;
		align-items: flex-start;
	}

	.top_room_message_container>span::before,
	.bottom_room_message_container>span::before {
		min-width: 13px;
	}

	#cboxContent .container {
		padding: 0 !important;
	}
}

/* menu things */

@media(max-width:992px) {
	ul.sf-menu>li {
		float: none;
	}

	ul.sf-menu ul {
		display: none !important;
	}

	ul.sf-menu ul.open_parent {
		display: block !important;
		position: static !important;
	}

	ul.sf-menu ul.open_parent li {
		background: #F6F6F6;
	}

	ul.sf-menu ul.open_parent li ul li {
		background: #FFF;
		color: #000;
	}

	ul.sf-menu ul.open_parent li ul li a {
		color: #000;
	}

	ul.sf-menu ul.open_parent li a {
		white-space: normal !important;
	}

	ul.sf-menu a {
		border-right: 0;
		font-weight: bold;
	}

	span.sf-sub-indicator {
		background: none !important;
		text-indent: 0 !important;
		overflow: auto !important;
		height: auto !important;
		display: none !important;
	}

	.sf-menu ul li::after {
		display: none;
	}
}

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

p.show_instant_availability,
div.instant_confirmation_block {
	display: none;
}

.card .price_container_container .offer-price {
	min-height: 30px;
}

div.tab-content div.package_group_header_pricing .price_element,
div.tab-content .price_element span {
	font-size: 26px !important;
}

div.available_success_block {
	display: none;
}

.read-more-container {
	position: relative;
	max-height: 192px;
	overflow: hidden;
	padding-bottom: 2rem;
}

.read-more-container h2,
.read-more-container h3,
.read-more-container h4 {
	text-transform: none;
	margin-bottom: 0;
	font-size: 18px;
}

.read-more-content p {
	line-height: 1.4;
}

.read-more-content i {
	color: #292624;
}

span.travel-location-subtitle {
	display: block;
	margin-top: 10px !important;
	margin-bottom: 0;
	font-size: 20px !important;
}

span.travel-location-subtitle span {
	font-size: 20px !important;
	font-family: "Prata", serif !important;
}

.read-more-fade {
	display: none;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 30px;
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(250, 250, 250, 1));
	pointer-events: none;
}

.read-more {
	display: none;
	cursor: pointer;
	margin-top: 10px;
}

div.book_now_block {
	margin-bottom: 10px;
}

.hero-wrapper.inner-page-hero {
	background-position: center 25%;
}

div.room_details div.icon_group {
	display: none;
}

a.refine-search-toggle {
	border: 2px solid #CCC;
	text-align: center;
}

ul#footer-social {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul#footer-social li {
	display: inline-block;
}

.room_layout span.room_message_min_stay {
	background: var(--quinary-color) !important;
}

div.book_gift_block a.gift_voucher {
	display: none;
	color: white !important;
}

div.book_gift_block a.gift_voucher img {
	filter: grayscale(1) brightness(100);
}

.card-image h2.block-title,
.card-desc h3 {
	font-family: "Lato", serif !important;
}

@media (max-width:992px) {
	.site-navigation .nav {
		padding-top: 60px;
	}
}

h3.offers-heading {
	font-size: 28px;
}

div.pet-perks-list {
	display: inline-block;
	/*position:relative;*/
}

/*
div.pet-perks-list::before {
	content:"";
	display:block;
	position:absolute;
	background-image: url(/img/dogpawpink.png) !important;
	background-size:48px;
	background-repeat:no-repeat;
	background-position:100% 56px;
	top:0;right:0;left:0;bottom:0;
	opacity:1;
	z-index:1;
	opacity:0.3;
}*/
div.pet-perks-list ul {
	/*position:relative;
	z-index:2;*/
	padding: 10px;
	border: 3px solid var(--primary-color);
	list-style: disc !important;
	padding-left: 20px !important;
	margin-top: 15px;
	margin-bottom: 15px !important;
	margin-left: 50px;
}

div.pet-perks-list ul li {
	display: list-item !important;
	margin-left: 15px;
}

div.pet-perks-list ul li span.h-icon {
	display: none;
}

div.pet-perks-list ul li span.aligned-text span {
	font-weight: bold;
}

div.pet-perks-list h5::before {
	/*font-family: "FontAwesome";
	content: "\f067";
	color:#810000;*/
	font-size: 11px;
	margin: 0 5px;
}

div.pet-perks-list h5 {
	/*font-size:22px;
	font-family: "Prata", serif !important;*/
	font-family: "Lato", serif !important;
	background-repeat: no-repeat;
	background-image: url(/img/dogpawpink.png) !important;
	background-size: 36px;
	background-position: 0 50%;
	margin-top: 0;
	padding-left: 51px;
	line-height: 26px;
	font-size: 16px;
	font-weight: 700;
	letter-spacing: normal;
	margin-bottom: 10px;
	display: block;
	text-transform: none;
}

div.page-title.page-heading-center {}

div.page-title.page-heading-center h1:first-child {}

div.page-title.page-heading-center div.on_page_copy {
	width: 50%;
}

@media(max-width:768px) {
	div.pet-perks-list ul {
		margin-left: 0;
		list-style: none !important;
		padding-left: 0 !important;
		border-width: 1px;
		margin-bottom: 20px !important;
	}

	div.page-title.page-heading-center div.on_page_copy {
		width: auto;
		margin: 0;
	}

	.filter_display>div {
		background: none !important;
		padding-left: 0 !important;
	}

	.filter_display ul {
		margin-top: 10px;
		display: block;
	}

	.filter_display ul li {
		display: block;
		margin-bottom: 10px;
	}

	.filter_display ul li a {
		padding: 5px 1px;
	}

	.filter_display ul li a>span {
		padding-left: 0;
	}

	.filter_display span.remove {
		background: none !important;
		right: 10px;
		top: 0;
		bottom: 0;
		text-decoration: none !important;
	}

	.filter_display span.remove::before {
		content: "x";
		font-size: 16px;
		text-decoration: none !important;
		background: white;
		border-radius: 100px;
		display: block;
		height: 20px;
		width: 20px;
		text-align: center;
		line-height: 20px;
	}
}

a.clear_date_link {
	display: none;
}

div.package_group_header_title div.header_title_text::before,
div.single_group_room_container.hide_package_title div.large_text.room_name::before {
	content: "";
	display: inline-block;
	width: 16px;
	background: url("/img/icon-sprite-ppj.svg");
	-webkit-background-size: 42em 6em;
	background-size: 42em 6em;
	width: 3em;
	height: 3em;
	background-position: 0 0;
	font-size: 11px;
}

div.header_title_text .price_label:not(.price_label_detail)::before {
	content: 'from ';
	display: inline-block;
}

span.price_label.price_label_detail {}

li.skinny-li {
	width: 200px;
}

.hide_package_title .pricing-row div.fluid_block {
	/*display:none;*/
}

div.fully_date_searched_active div.book_now_block {
	visibility: visible !important;
}

.filter-tab.selected {
	background-color: var(--quinary-color) !important;
}

.filter-tab-radio-group .filter-tab.selected {
	background-color: var(--senary-color) !important;
}

.filter-tab-alt {
	/*background-color:var(--tertiary-color) !important;*/
	box-sizing: border-box;
	background-color: white !important;
	border: 1px solid #c5c2c0;
}

.filter-tab-alt.selected {
	border-color: var(--quinary-color) !important;
}

.filter-tab-alt::after {
	border-color: var(--tertiary-color) !important;
}

/*.filter-tab-alt.selected {
	background-color:var(--tertiary-color) !important;
	color:#212121 !important;
}*/
div.seo-footer {
	text-align: center;
}

a.white-link {
	color: white !important;
}

@media(min-width:670px) {
	div.fully_date_searched_active div.pricing-row div.book_gift_block {
		display: none;
	}
}

div.room_layout.has_date_range {
	margin-bottom: 35px;
}


.image_tag {
	z-index: 1;
	width: 90px;
	height: auto;
	right: 0;
	top: 0;
	position: absolute;
}

#missingCredential {
	display: none !important;
}

.advanced-features-container {
	margin: 10px 0;
	border: 1px solid #E9E9E9;
	border-radius: 10px;
}

.advanced-features-header {
	padding: 6px 12px;
}

.advanced-features-body {
	background: #FCFCFC;
}

#additional-features {
	padding: 6px 12px;
	border-top: 1px solid #E9E9E9;
}

.advanced-featured-toggle-container {
	display: flex;
	align-items: baseline;
}

.advanced-featured-toggle-container>p {
	margin: 0.5rem 0;
}

.property-type-toggle-container {
	margin-left: 182px;
	transition: margin-left 250ms ease;
}

.property-type-toggle-container.has-advanced-enabled {
	/*margin-left:240px;*/
}

@media(max-width:992px) {
	.advanced-features-container {
		border: 0;
	}

	.advanced-features-header,
	#additional-features,
	#filter-container {
		padding: 0 !important;
	}
}

.cottage-toggles-container {
	margin-left: 40px;
	display: flex;
	gap: 10px;
}

.property-type-toggle-container,
.cottage-toggles-container {
	padding-top: 8px;
	padding-bottom: 6px;
}

.property-type-toggle-container .filter-tab-group {
	min-width: 180px;
}

a#toggle_additional-features {
	white-space: nowrap;
	display: flex;
	gap: 10px;
	align-items: center;
	text-decoration: none !important;
}

span.bedroom-label {
	display: block;
	margin-top: 3px;
}

@media(max-width:768px) {
	.advanced-featured-toggle-container {
		flex-direction: column-reverse
	}

	.advanced-featured-toggle-container>div {
		margin-top: 0 !important;
	}

	.property-type-toggle-container {
		display: none;
	}

	.cottage-toggles-container {
		margin-left: 0;
		background: #f6f2ef;
	}

	.fpv-search-block .sky-form fieldset {
		margin-top: 0;
	}

	.search-wrapper {
		height: 430px;
	}

	#price-label {}

	#filter-price-explanation {
		margin-top: 50px !important;
	}

	#price-label,
	#filter-tabs {
		margin-top: 0 !important;
	}
}

@media(max-width:992px) {

	div.search-btn button.btn span,
	a#find-offers.btn {
		text-transform: uppercase !important;
		padding: 16px 8px !important;
	}

	div.offer-search div.search-btn-container {
		align-items: flex-start !important;
		flex-direction: column !important;
		gap: 5px !important;
		padding-bottom: 3px;
	}

	.page-title.hotel-page {
		width: 64% !important;
	}

	.page-title-subtext.hotel-page {
		width: 36% !important;
	}

	.search-parameters-container {
		display: flex;
	}

	#additional-features .filter-tab-group {
		grid-template-columns: repeat(2, 1fr) !important;
		align-items: stretch;
	}
}

@media(min-width:992px) {
	.search-sky-form fieldset {
		margin-top: 6px !important;
		align-items: stretch !important;
		padding-bottom: 3px !important;
	}

	.hotel-jump-bar-container {
		top: 82px !important;
	}

	.offer-search .search-input {
		margin-bottom: 0 !important;
	}

	div.search-btn button {
		padding: 8px !important;
	}

	div.search-btn button.btn span,
	a#find-offers.btn {
		display: block;
		text-transform: uppercase !important;
		letter-spacing: 1px !important;
	}

	div.search-btn-container {
		display: flex;
		flex-direction: column !important;
		gap: 2px !important;
	}

	div.search-phone-number {
		font-size: 14px !important;
		text-align: center;
		margin-right: 6px;
	}

}

div.switch_container {
	display: none;
}

.room_layout.room_layout.ppj_new_styles .more_details_nav div.book_now_block {}

.room_layout.ppj_new_styles div.room_details div.book_now_block {
	display: none !important;
	visibility: none !important;
}

.room_layout.ppj_new_styles .more_details_nav {
	display: flex !important;
	flex-direction: row-reverse !important;
}

div.room_active.ppj_new_styles .more_details_nav::after {
	display: none !important;
}

.room_layout.ppj_new_styles .more_details_nav div.book_now_block {
	flex: 0 0 108px !important;
}

.room_layout.ppj_new_styles.has_long_button .more_details_nav div.book_now_block {
	flex: 0 0 160px !important;
}

.room_layout.ppj_new_styles.has_long_button div.room_layout div.large_text {
	padding-right: 275px !important;
}

.room_layout.ppj_new_styles .more_details_nav::after {
	content: "More Details \25BC" !important;
	padding-top: 2px;
}

.room_layout.ppj_new_styles .less_details_nav::after {
	content: "Less Details \25B2" !important;
}

.book_button {
	font-weight: bold;
}

.room_layout.ppj_new_styles.default_room .room_message::before {
	border-radius: 10px;
	padding: 3px 16px;
	text-transform: none;
}

@media(max-width:768px) {
	div.room_layout.active {
		padding-bottom: 50px !important;
	}

	.room_layout.ppj_new_styles .more_details_nav {
		gap: 8px;
		right: 12px;
		justify-content: space-between;
	}

	.room_layout.ppj_new_styles .more_details_nav div.book_now_block {
		flex: none !important;
		margin: 0rem 0 !important;
	}

	.room_message_container {
		top: 12px;
		bottom: auto !important;
	}
}

.noUi-handle {
	background: white !important;
	box-shadow: none !important;
	border-color: #68a0a1 !important;
	border-width: 2px !important;
}

.is_cottage_tab div.package_room_container span.opl_price_label.price_label::before {
	content: "from ";
	display: inline-block;
	margin-right: 3px;
}

/* Klaviyo popup solution */
body .needsclick,
body .needsclick * {
	font-family: revert;
	font-weight: revert;
	font-style: revert;
	font-size: revert;
	text-transform: none !important;
	/* You MUST use !important here because the global rule uses it */
	letter-spacing: normal !important;
}