/*
Theme Name: TailPress
Theme URI: https://github.com/jeffreyvr/tailpress
Author: Jeffrey van Rossum
Author URI: https://vanrossum.dev
Description: TailPress is a simple boilerplate WordPress theme with Tailwind CSS.
Version: 3.2.0
License: MIT
License URI: https://github.com/jeffreyvr/tailpress/blob/master/LICENSE
Text Domain: tailpress
*/

form[data-formid="12"] input,
form[data-formid="12"] select,
form[data-formid="12"] textarea {
  color: #9CA3AF;
}

@media(max-width:768px) {
	.text-xs { font-size:0.85rem !important; line-height:1.125rem !important; }
	.text-sm { font-size:1rem !important; line-height:1.5rem !important; }
	.text-xl { font-size:2rem !important; line-height:2.125rem !important; }
  header .custom-logo { 
    height:30px; width:120px;
  }
}

section.award.inview-1 .container > .flex {
  flex-direction: row;
}

section.award.inview-2 .container > .flex {
  flex-direction: row-reverse;
}


section.award.inview-2 .container > .flex > div:has(.text-sm) {
  order:1;
}

section.award.inview-2 .container > .flex > div {
  order:2;
}

section.award.inview-1 .container > .flex > div:has(.text-sm) {
  order:1;
}

section.award.inview-1 .container > .flex > div {
  order:2;
}

.button-group > *:last-child {
  border-start-end-radius: 0.375rem;
  border-end-end-radius: 0.375rem;
}

body, html {
	max-width:100dwv;
	overflow-x:hidden;
}

.hide-scroll-bar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.hide-scroll-bar::-webkit-scrollbar {
  display: none;
}

.lyte-wrapper { margin:0px !important; }

select:not([size]) {
    background-image: url(resources/images/select.svg);
    background-position: right .75rem center;
    background-repeat: no-repeat;
    background-size: .75em .75em;
    padding-right: 2.5rem;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
	apppearance:none;
	-webkit-appearance:none;
}

body,html { max-width:100dvw; overflow-x:hidden; }


.ch-loading { display:none; }
body:not('.care-homes-template-default') .ch-loading { display:block; }


.ch-loading.slideAway { 
    animation: slide-out 1s forwards;
    -webkit-animation: slide-out 1s forwards;
}
.ch-loading.slideIn { 
	animation: slide-in 1s forwards;
    -webkit-animation: slide-in 1s forwards;
}

    
@keyframes slide-in {
    0% { transform: translateX(100%); }
    100% { transform: translateX(0%); }
}

@-webkit-keyframes slide-in {
    0% { -webkit-transform: translateX(100%); }
    100% { -webkit-transform: translateX(0%); }
}
    
@keyframes slide-out {
    0% { transform: translateX(0%); }
    100% { transform: translateX(-100%); }
}

@-webkit-keyframes slide-out {
    0% { -webkit-transform: translateX(0%); }
    100% { -webkit-transform: translateX(-100%); }
}

.mejs-controls { display:none !important; }
.wp-video { width:100% !important; height:auto; }
.video iframe { width:100% !important; height:auto;aspect-ratio:16/9; }
.video .mejs-overlay-button { height:60px; width:60px; background-position:-11px -47px;background-color: #acb094;
    outline-offset: -1px;
    border-radius: 1000px;
    outline: 15px solid #acb094; transition:0.3s all; }
.video .mejs-overlay:hover .mejs-overlay-button { height:60px; width:60px; background-position:-11px -47px;background-color: #acb094;
    outline-offset: -1px;
    border-radius: 1000px;
    outline: 15px solid #acb094; transition:0.3s all; transform:scale(0.9); }
.video-carousel { padding-top:30px; }
.video-carousel .owl-nav { position:absolute; bottom:calc(100%); }
.owl-nav button:hover, .owl-nav button { background:transparent !important;} 
@media(max-width:768px) {
	.video-carousel .owl-nav { 
		bottom:auto;
		width:100%;
		text-align:right;
	}
}

.team-carousel { padding-top:100px; }
.team-carousel .owl-nav { position:absolute; bottom:-60px; text-align:left; }
.team-carousel .owl-nav button:hover, .video-carousel .owl-nav button { background:transparent !important;} 
@media(max-width:768px) {
	.team-carousel { padding-top:0px; }
	.team-carousel .owl-nav { 
		bottom:5px;
		right:0px;
	}
}

.rating-carousel .owl-nav { text-align:left; }
@media(max-width:768px) {
	.rating-carousel .owl-nav { text-align:right; }
}


#page #content main > section:first-child {
	padding-top:140px !important;
}

@media(max-width:768px) {
	#page #content main > section:first-child {
    		padding-top: 100px !important;
	}
}

p, h1, h2, h3, h4, li { 
	font-family: "articulat-cf", sans-serif; 
}
.font-scripted {
	font-family: "StayDreaming";
}

.arch {
    border-radius: 1000px 1000px 0px 0px;
	overflow:hidden;
}

img.arch {
    border-radius: 1000px 1000px 0px 0px;
    aspect-ratio: 1/1;
    object-fit: cover;
}

.pattern-bottom {
	background-image:url(/wp-content/uploads/2024/01/Boutique_Pattern_Landscape.svg); 
	background-repeat:repeat-x; 
	background-position:bottom center;
	background-size:auto 116px;
}

p + p {
	margin-top:10px;
}

.addToHeader {
	transition:0.5s all;
}

header:has(.menu-item:hover) ul:not(.sub-menu) > .menu-item > a { opacity:0.5 }
header ul:not(.sub-menu) > .menu-item:hover > a { opacity:1 !important; font-weight:bold; }
header ul:not(.sub-menu) > .menu-item > a { transition:0.3s all; padding-right:10px; }
header ul.sub-menu .menu-item a:hover { font-weight:bold; }
header ul.sub-menu .menu-item a { transition:0.2s all; }

.menu-item:has(.sub-menu):after { 
	content:'';
	height:5px;
	width:5px;
	border-bottom:1px solid black;
	border-left:1px solid black;
	transform:rotate(-45deg);
	display:inline-block;
	margin-bottom:3px;
}

.menu-item .sub-menu li {
    padding: 10px 1.25rem;
}

@media(min-width:768px) {
	.menu-item .sub-menu { 
		position: absolute;
    		left: 0;
    		top: 50px;
    		padding: 30px 0px;
    		width: 100%;
    		opacity: 0;
    		visibility: hidden;
    		transition: 0.3s opacity;
    		transition-delay: 0.3s;
	}	

	.menu-item:has(.sub-menu):hover .sub-menu {
   	 	opacity: 1;
    		visibility: unset;
	}
}

@media(max-width:768px) {
	.menu-item .sub-menu { 
    		width: 100%;
    		opacity: 0;
    		visibility: hidden;
    		transition: 0.3s opacity;
    		transition-delay: 0.3s;
		height:0px;
		overflow:hidden;
	}	

	.menu-item:has(.sub-menu):hover .sub-menu {
   	 	opacity: 1;
    		visibility: unset;
		height:fit-content;
    		padding: 15px 0px;
	}
	.menu-item:has(.sub-menu) { position:relative; }
	.menu-item:has(.sub-menu):after { position:absolute; right:10px; top:18px; }
	.menu-item:has(.sub-menu):hover:after {
    		transform: rotate(-45deg);
	}	
	.menu-item:has(.sub-menu):after {
    		content: '';
   		height: 9px;
    		width: 9px;
    		border-bottom: 1px solid black;
    		border-left: 1px solid black;
    		transform: rotate(225deg);
    		display: inline-block;
    		margin-bottom: 3px;
		transition:0.3s all;
	}
	.menu-toggle g#icon-shape path { transition:0.3s all }
	.menu-toggle.open g#icon-shape path:nth-child(1) {
    		transform: translate(-4px, 5px) rotate(45deg);
    		transform-origin: center;
	}
	.menu-toggle.open g#icon-shape path:nth-child(3) {
    		transform:  translate(-4px, -4px) rotate(-45deg);
    		transform-origin: center;
	}

	.menu-toggle.open g#icon-shape path:nth-child(2) {
    		opacity:0
	}
}

.owl-thumb-item.active { transform:translateY(-3px); }
.owl-thumb-item:hover { transform:translateY(-3px); }



.modal-content .gform_title {
	font-size:21px;
	margin-bottom:30px;
}
.modal-content .gform_description {
	font-size:12px;
	margin-bottom:30px;
}
.modal-content .gform_required_legend { 
display:none; 
}


.modal-content::-webkit-scrollbar {
  width: 1rem
}

.modal-content::-webkit-scrollbar-track {
  background: #eee;
  border-radius: 0.75rem;
}

.modal-content::-webkit-scrollbar-thumb {
  background: #7b7b7b;
  border-radius: 0.75rem;
  border: 5px solid #eee;
}

.modal-content .gform_wrapper.gravity-theme .gfield_label, .modal-content .gform_wrapper.gravity-theme .gfield_checkbox label, .modal-content .gform_wrapper.gravity-theme .gfield_radio label { 
	font-weight:300;
	font-size: 0.75rem;
    line-height: 1rem;
}

@supports not selector(::-webkit-scrollbar) {
  .modal-content {
    scrollbar-color: #7b7b7b
                     #eee;
  }
}

.bg-white a:has(span.bg-white) { filter:brightness(0.95); }

button:has(span.rounded-full):hover span img:not([class*="rotate"]), a:has(span.rounded-full):hover span img:not([class*="rotate"]) {
    animation-timeline: auto;
    animation-range-start: normal;
    animation-range-end: normal;
    animation: 1s linear 0s infinite normal none running animate;
}

button:has(span.rounded-full):hover span img[class*="rotate"], a:has(span.rounded-full):hover span img[class*="rotate"] {
    animation-timeline: auto;
    animation-range-start: normal;
    animation-range-end: normal;
    animation: 1s linear 0s infinite normal none running animaterotate;
}

@keyframes animate {
	25% {transform: translateX(3px);}
	75% {transform: translateX(-3px);}
	100% {transform: translateX(0px);}
}

@keyframes animaterotate {
	25% {transform: rotate(180deg) translateX(3px);}
	75% {transform: rotate(180deg) translateX(-3px);}
	100% {transform: rotate(180deg) translateX(0px);}
}

.content ul, .content ol { 
	list-style:auto;
    padding-inline-start: 35px; 
	margin-bottom: 15px;
	margin-top: 15px;
}

.content p + p:not(:last-child) { margin-bottom:15px }

.content h1 { font-size:2.5rem; line-height:1.2 }
.content h2 { font-size:2.25rem; line-height:1.2 }
.content h3 { font-size:2rem; line-height:1.2 }
.content h4 { font-size:1.75rem; line-height:1.2 }
.content h5 { font-size:1.5rem; line-height:1.2 }
.content {
	h1, h2, h3, h4, h5 { 
		margin-bottom:20px; 
		margin-top:20px; 
	}
}

.mobile-menu {
	height:calc(100dvh - 88px);
}



.mobile-content::-webkit-scrollbar {
  width: 0px
}

.mobile-content::-webkit-scrollbar-track {
  background: rgba(255,255,255,0);
  border-radius: 9px;
}

.mobile-content::-webkit-scrollbar-thumb {
  background: rgba(50,50,50,0);
  border-radius: 9px;
  border: 2px solid rgba(255,255,255,0);
}

@supports not selector(::-webkit-scrollbar) {
  .mobile-content {
    scrollbar-color: rgba(50,50,50,0)
                     rgba(255,255,255,0);
  }
}
.second_banner h3 { margin-bottom:40px; }
.second_banner h3 em { font-family: "StayDreaming"; font-size:50px; margin-top:20px; display:block; line-height:1.2; font-style:normal; }

details > summary:first-of-type { list-style:none;position:relative; }
details[open] > summary:first-of-type:after {
	content:"-";
    transform: scale(1.5, 1) translate(-3px, 0px);
    transform-origin: left;
}
details > summary:first-of-type:after {
	content:"+";
    position: absolute;
    right: 0;
    font-size: 23px;
    line-height: 23px;
}

.journey-carousel .owl-item:not(.center) { opacity:0.2; }
.journey-carousel .owl-item { transition:0.5s all; }
.journey-carousel .owl-stage-outer { overflow:initial !important; }

@media(min-width:768px) {
.main-gallery .owl-nav {
	position: absolute;
    bottom: calc(100% + 15px);
    right: 0;
}
}

div.col-span-2:has(a#loadMore[style*="display: none"]) {
    display: none;
}

.single-vacancy .gform_description { margin-bottom:25px; }

.loader {
  width: 30px;
  aspect-ratio: 1;
  border-radius: 50%;
  border: 4px solid #B6BAA1;
  border-right-color: #ffffff;
  animation: l2 1s infinite linear;
}
@keyframes l2 {to{transform: rotate(1turn)}}



.whitebg-cj-scroll {
  --sb-track-color: #ffffff;
  --sb-thumb-color: #999999;
  --sb-size: 14px;
	position:relative;
}

.whitebg-cj-scroll:after {
    content: '';
    width: 100%;
    display: block;
    height: 50px;
    background: linear-gradient(180deg, transparent, #ffffff);
    position: sticky;
    bottom: -2px;
    left: 0;
}

.whitebg-cj-scroll::-webkit-scrollbar {
  width: var(--sb-size)
}

.whitebg-cj-scroll::-webkit-scrollbar-track {
  background: var(--sb-track-color);
  border-radius: 10px;
}

.whitebg-cj-scroll::-webkit-scrollbar-thumb {
  background: var(--sb-thumb-color);
  border-radius: 10px;
  border: 4px solid #ffffff;
}

@supports not selector(::-webkit-scrollbar) {
  .whitebg-cj-scroll {
    scrollbar-color: var(--sb-thumb-color)
                     var(--sb-track-color);
  }
}

.greybg-cj-scroll {
  --sb-track-color: #f0f0f0;
  --sb-thumb-color: #999999;
  --sb-size: 14px;
	position:relative;
}

.greybg-cj-scroll:after {
    content: '';
    width: 100%;
    display: block;
    height: 50px;
    background: linear-gradient(180deg, transparent, #f0f0f0);
    position: sticky;
    bottom: -2px;
    left: 0;
}

.greybg-cj-scroll::-webkit-scrollbar {
  width: var(--sb-size)
}

.greybg-cj-scroll::-webkit-scrollbar-track {
  background: var(--sb-track-color);
  border-radius: 10px;
}

.greybg-cj-scroll::-webkit-scrollbar-thumb {
  background: var(--sb-thumb-color);
  border-radius: 10px;
  border: 4px solid #f0f0f0;
}

@supports not selector(::-webkit-scrollbar) {
  .greybg-cj-scroll {
    scrollbar-color: var(--sb-thumb-color)
                     var(--sb-track-color);
  }
}

.cj-scroll {
  --sb-track-color: #b07852;
  --sb-thumb-color: #ffffff;
  --sb-size: 14px;
	position:relative;
}

.cj-scroll:after {
    content: '';
    width: 100%;
    display: block;
    height: 50px;
    background: linear-gradient(180deg, transparent, #b07852);
    position: sticky;
    bottom: -2px;
    left: 0;
}

.cj-scroll::-webkit-scrollbar {
  width: var(--sb-size)
}

.cj-scroll::-webkit-scrollbar-track {
  background: var(--sb-track-color);
  border-radius: 10px;
}

.cj-scroll::-webkit-scrollbar-thumb {
  background: var(--sb-thumb-color);
  border-radius: 10px;
  border: 4px solid #b07852;
}

@supports not selector(::-webkit-scrollbar) {
  .cj-scroll {
    scrollbar-color: var(--sb-thumb-color)
                     var(--sb-track-color);
  }
}

.orangebg-cj-scroll {
  --sb-track-color: #b07852;
  --sb-thumb-color: #ffffff;
  --sb-size: 14px;
	position:relative;
}

.orangebg-cj-scroll:after {
    content: '';
    width: 100%;
    display: block;
    height: 50px;
    background: linear-gradient(180deg, transparent, #b07852);
    position: sticky;
    bottom: -2px;
    left: 0;
}

.orangebg-cj-scroll::-webkit-scrollbar {
  width: var(--sb-size)
}

.orangebg-cj-scroll::-webkit-scrollbar-track {
  background: var(--sb-track-color);
  border-radius: 10px;
}

.orangebg-cj-scroll::-webkit-scrollbar-thumb {
  background: var(--sb-thumb-color);
  border-radius: 10px;
  border: 4px solid #b07852;
}

@supports not selector(::-webkit-scrollbar) {
  .orangebg-cj-scroll {
    scrollbar-color: var(--sb-thumb-color)
                     var(--sb-track-color);
  }
}




.bgreenbg-cj-scroll {
  --sb-track-color: #adb094;
  --sb-thumb-color: #ffffff;
  --sb-size: 14px;
	position:relative;
}

.bgreenbg-cj-scroll:after {
    content: '';
    width: 100%;
    display: block;
    height: 50px;
    background: linear-gradient(180deg, transparent, #adb094);
    position: sticky;
    bottom: -2px;
    left: 0;
}

.bgreenbg-cj-scroll::-webkit-scrollbar {
  width: var(--sb-size)
}

.bgreenbg-cj-scroll::-webkit-scrollbar-track {
  background: var(--sb-track-color);
  border-radius: 10px;
}

.bgreenbg-cj-scroll::-webkit-scrollbar-thumb {
  background: var(--sb-thumb-color);
  border-radius: 10px;
  border: 4px solid #adb094;
}

@supports not selector(::-webkit-scrollbar) {
  .bgreenbg-cj-scroll {
    scrollbar-color: var(--sb-thumb-color)
                     var(--sb-track-color);
  }
}



section[id*="jump_to"] + section > section { padding-top:0px !important; }

a[href="#openJumpto"]:after {
    content: '';
    height: 5px;
    width: 5px;
    border-bottom: 1px solid black;
    border-left: 1px solid black;
    transform: rotate(-45deg);
    display: inline-block;
    margin-bottom: 3px;
	margin-left:10px;
}

.additional-chevron:after {
    content: '';
    height: 5px;
    width: 5px;
    border-bottom: 1px solid white;
    border-left: 1px solid white;
    transform: rotate(-45deg);
    display: inline-block;
    margin-bottom: 3px;
	margin-left:6px;
}




#field_2_17, #field_3_12, #field_1_11, #field_8_12, #field_9_11 { 
	display:none;
}