/*@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:10px 5px 2px 5px;
}
div.logo a img {
	background-size:181px 55px;
	width:181px;
	height:55px;
}
/* new logo */
div.logo a img {
	background-size: 308px 56px;
    width: 308px;
    height: 56px;
}
@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:1px !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;
}
.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(--secondary-color) !important;
	color:#000 !important;
	border-color:transparent !important;
}
.primary-btn, .secondary-btn.reverse-btn {
	background-color:var(--primary-color) !important;
	color:white !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(--secondary-color) !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 {
	display:none;
}
.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;
	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;
		/*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%;
}
.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;
}


.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:auto !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 {
	color: var(--quinary-color);
}
.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;
}
@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:#FFD966;
	color:#222;
}
table.date_month_block td.date_cell a:hover, table.date_month_block td.date_cell a.selected {
	background-color:#e9c24d !important;
	text-decoration:none;
	color:#000 !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-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;
}

.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:220px;
}

.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;
}
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;
}