.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(//courtyardholidayapartments.co.uk/wp-content/themes/courtyard-belper/assets/css/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}.owl-theme .owl-nav {
margin-top: 10px;
text-align: center;
-webkit-tap-highlight-color: transparent; }
.owl-theme .owl-nav [class*='owl-'] {
color: #FFF;
font-size: 14px;
margin: 5px;
padding: 4px 7px;
background: #D6D6D6;
display: inline-block;
cursor: pointer;
border-radius: 3px; }
.owl-theme .owl-nav [class*='owl-']:hover {
background: #869791;
color: #FFF;
text-decoration: none; }
.owl-theme .owl-nav .disabled {
opacity: 0.5;
cursor: default; }
.owl-theme .owl-nav.disabled + .owl-dots {
margin-top: 10px; }
.owl-theme .owl-dots {
text-align: center;
-webkit-tap-highlight-color: transparent; }
.owl-theme .owl-dots .owl-dot {
display: inline-block;
zoom: 1;
*display: inline; }
.owl-theme .owl-dots .owl-dot span {
width: 10px;
height: 10px;
margin: 5px 7px;
background: #D6D6D6;
display: block;
-webkit-backface-visibility: visible;
transition: opacity 200ms ease;
border-radius: 30px; }
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
background: #869791; }@font-face {
font-family: professor, sans-serif;
src: url(https://use.typekit.net/anv5gqs.css);
}
@font-face {
font-family: marison;
src: url(//courtyardholidayapartments.co.uk/wp-content/themes/courtyard-belper/assets/fonts/Marison_Brieny.otf);
}
.booking-rating {
max-width: 250px;
}
.dropdown-menu[data-bs-popper] {
margin-top: 1rem;
}
.navbar-light .navbar-nav .nav-link.active {
width: fit-content;
margin: 0 auto;
}
.dropdown-menu {
padding: 1rem;
background-color: #fffefa;
box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.05);
border-radius: 10px;
}
.dropdown-item {
color: #304452;
font-family: cabrito-didone-normal, sans-serif;
font-weight: 300;
font-style: normal;
padding: 0.5rem 1rem;
padding-right: 0.5rem;
padding-left: 0.5rem;
}
.dropdown-item:focus,
.dropdown-item:hover {
background-color: transparent;
color: #304452;
}
.dropdown-item.active,
.dropdown-item:active {
background-color: transparent;
color: #304452;
border-bottom: 1px solid #8e9fa6;
}
.page-template-home-page #reviews-hero {
background: #faf1db;
padding: 50px;
}
.page-template-home-page .reviews-hero__title h1,
.page-template-home-page .reviews-hero__slider h4,
.page-template-home-page .reviews-hero__slider p,
.page-template-home-page .reviews-submit a {
color: #304452;
}
.page-template-home-page .reviews-hero__slider {
margin-top: 50px;
}
#Group_48 path,
#Group_48 rect,
#Group_50 path {
fill: #304452;
}  .animation p,
.animation h2,
.animation h3,
.animation h4,
.animation li,
.animation button:not(.owl-prev, .owl-next),
.an,
.p-cta-box p {
opacity: 0;
}
.paraFadeIn {
-webkit-animation: slideIn 0.8s ease 0.3s forwards;
animation: slideIn 0.8s ease 0.3s forwards;
}
@-webkit-keyframes slideIn {
0% {
-webkit-transform: translateY(50px);
opacity: 0;
}
100% {
-webkit-transform: translateY(0);
opacity: 1;
}
}
@keyframes slideIn {
0% {
-webkit-transform: translateY(50px);
opacity: 0;
}
100% {
-webkit-transform: translateY(0);
opacity: 1;
}
}
body {
background-color: rgba(255, 252, 239, 0.34);
}
h1 {
font-size: 40px;
}
h1,
h2,
h3 {
font-family: cabrito-didone-normal, sans-serif;
font-weight: 400;
font-style: normal;
color: #304452;
}
h4,
h5,
h6,
button {
font-family: cabrito-didone-normal, sans-serif;
font-weight: 300;
font-style: normal;
color: #304452;
}
p,
a,
li {
font-family: filson-soft, sans-serif;
font-weight: 300;
font-style: normal;
color: #304452;
}
input:focus,
select:focus,
textarea:focus,
button:focus,
*:focus {
outline: none !important;
box-shadow: none !important;
}
button:hover {
cursor: pointer;
}
a {
text-decoration: none;
}
a:hover {
text-decoration: none;
color: initial;
}
.the-books {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.the-books div {
width: 49%;
margin: 5px 0;
}
button {
padding: 10px 35px;
border-radius: 5px;
border: none;
font-size: 18px;
white-space: nowrap;
}
.professor {
font-family: professor, sans-serif;
font-weight: 400;
font-style: normal;
}
.marison {
font-family: marison;
font-weight: 400;
font-style: normal;
}
.grey-btn {
background-color: #9aa9b0;
color: white;
}
.dgrey-outline-btn {
background: transparent;
border: 2px solid #304452;
color: #304452;
}
.pink-btn {
background-color: #76153e;
color: white;
}
.blue-btn {
background-color: #001c2c;
color: white;
}
.outline-btn {
background: transparent;
border: 2px solid #76153e;
color: #76153e;
}
.a-white-underline {
color: white !important;
border-bottom: 2px solid white;
cursor: pointer;
}
.a-light-underline {
color: #9aa9b0 !important;
border-bottom: 2px solid #9aa9b0;
cursor: pointer;
}
.p-lg {
font-size: 20px;
}
.owl-theme .owl-nav {
margin-top: 0;
} .resp-nav {
display: none !important;
}
.sidebar {
display: none;
}
.nav-brand {
display: none;
}
.navbar-light .navbar-nav .nav-link {
color: #304452;
font-family: cabrito-didone-normal, sans-serif;
font-weight: 300;
font-style: normal;
}
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .show > .nav-link {
color: #304452;
border-bottom: 1px solid #8e9fa6;
}
.navbar-expand-lg .navbar-nav .nav-link {
margin: 0 20px;
margin-bottom: 0;
line-height: 1;
}
.navbar-expand-lg .navbar-nav .nav-link {
padding-right: 0;
padding-left: 0;
}
.navbar-nav {
width: 40%;
}
.brand-logo {
width: 20%;
text-align: center;
}
.brand-logo img {
width: 70%;
}
.inline-nav {
display: flex;
align-items: center;
cursor: pointer;
}
.inline-nav img {
margin: 0 5px;
}
.inline-nav p {
margin-bottom: 0;
font-family: cabrito-didone-normal, sans-serif;
font-weight: 300;
font-style: normal;
}
.nav-socials {
display: flex;
align-items: center;
}
.nav-socials a:first-of-type {
margin-right: 20px;
}
.nav-spacing {
margin-left: 30px;
}
.nav-last {
display: flex;
justify-content: flex-end;
}
.announcement {
background-color: #304452;
text-align: center;
padding: 10px 0;
margin-bottom: 30px;
}
.announcement p {
color: white;
width: 40ch;
text-align: center;
margin: 0 auto;
background: #304452;
z-index: 1000;
position: relative;
}
.line-div p:before {
display: block;
position: absolute;
margin-top: 0.8em; border-top: 1px solid white;
width: 100%;
content: "";
}
.line-div p span {
background: #304452;
position: relative;
padding: 0 10px;
}
.modal {
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
z-index: 10600000;
background-color: rgba(255, 255, 255, 0.6);
}
.modal-dialog {
max-width: 90%;
height: 100%;
display: flex;
align-items: center;
margin: 0 auto;
}
.modal-content {
background-color: transparent;
background-clip: padding-box;
border: none;
border-radius: 0;
text-align: center;
}
.modal-content > a {
cursor: pointer;
width: fit-content;
margin: 75px auto 0 auto;
font-size: 20px;
}
.modal-body {
display: flex;
columns: 4;
gap: 50px;
padding: 0;
}
.modal-app {
padding: 25px;
position: relative;
background-color: white;
border-radius: 15px;
text-align: center;
width: 25%;
-moz-box-shadow: 0px 0px 30px -10px black;
-webkit-box-shadow: 0px 0px 30px -10px black;
box-shadow: 0px 0px 30px -10px black;
}
.modal-app.inactive {
opacity: 0.4;
}
.modal-app.inactive * {
pointer-events: none;
}
.modal-img {
width: 100%;
height: 0;
padding-bottom: 75%;
position: relative;
}
.modal-img img {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
object-fit: cover;
max-width: 100%;
height: 100%;
}
.modal-app h2 {
margin: 1rem 0;
}
.modal-app .grey-btn {
position: absolute;
top: 100%;
left: 50%;
transform: translate(-50%, -50%);
} .owl-hero.owl-carousel .owl-nav button.owl-prev {
position: absolute;
top: 50%;
left: 35%;
transform: translateY(-50%);
}
.owl-hero.owl-carousel .owl-nav button.owl-next {
position: absolute;
top: 50%;
right: 0%;
transform: translateY(-50%);
}
.hero-slider {
display: flex;
align-items: flex-end;
position: relative;
}
.slider-booking {
position: absolute;
top: 0;
right: 30px;
padding: 25px;
padding-top: 0;
padding-bottom: 15px;
border-radius: 0 0px 35px 35px;
background-color: #fffefa;
display: flex;
align-items: center; }
.slider-booking p {
margin-bottom: 0;
margin-right: 30px;
}
.slider-booking img {
max-width: 130px;
}
.hero-content {
width: 35%;
padding-bottom: 20px;
}
.hero-content > a {
cursor: pointer;
}
.hero-content h2 {
font-size: 52px;
}
.hero-content .hero-heart {
width: 50px !important;
}
.hero-image {
width: 65%;
}
.slide-img-one { background-image: url(//courtyardholidayapartments.co.uk/wp-content/uploads/2024/04/new-hero-2.png);
}
.slide-img-two {
background-image: url(//courtyardholidayapartments.co.uk/wp-content/uploads/2022/05/hero-slide-1.jpg);
}
.slide-img-three {
background-image: url(//courtyardholidayapartments.co.uk/wp-content/uploads/2022/05/hero-slide-2.jpg);
}
.slide-img-four {
background-image: url(//courtyardholidayapartments.co.uk/wp-content/uploads/2022/05/hero-slide-3.jpg);
}
.slide-img-five {
background-image: url(//courtyardholidayapartments.co.uk/wp-content/uploads/2022/05/hero-slide-4.jpg);
}
.slide-img-six {
background-image: url(//courtyardholidayapartments.co.uk/wp-content/uploads/2024/04/apt5-hero-3.png);
}
.slide-img-seven {
background-image: url(//courtyardholidayapartments.co.uk/wp-content/uploads/2024/04/apt5-hero-bedroom-2.png);
}
.slide-img-eight {
background-image: url(//courtyardholidayapartments.co.uk/wp-content/uploads/2024/04/bathroom-hero-new-2.png);
}
.hero-image {
background-size: cover;
background-position: center;
border-radius: 8px;
height: 450px;
}
.home-hero,
.the-menu {
width: 90%;
margin: 0 auto;
}
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
background: #304452;
}
.owl-theme .owl-dots .owl-dot span {
background: #9aa9b0;
}
.owl-hero .owl-dots {
text-align: left;
}
.home-hero {
padding-top: 30px;
}
.loc {
display: flex;
align-items: center;
margin: 15px 0 10px 0;
}
.loc p {
margin-bottom: 0;
margin-left: 5px;
font-family: cabrito-didone-normal, sans-serif;
font-weight: 400;
font-style: normal;
}
.loc img {
width: 20px !important;
}
.hero-notes {
max-width: 300px;
position: absolute;
top: 0px;
left: 15%;
}
.grey-stars-col {
display: flex;
align-items: center;
margin-top: 30px;
}
.grey-stars-col span {
background-color: #e8e7e2;
height: 2px;
width: 100%;
}
.grey-stars {
display: flex;
align-items: center;
justify-content: flex-end;
margin-left: 20px;
}
.grey-stars h4 {
margin-bottom: 0;
font-size: 16px;
margin-left: 20px;
white-space: nowrap;
}
.one-box {
position: relative;
width: 50%;
}
.one-box .image {
opacity: 1;
display: block;
width: 100%;
height: auto;
transition: 0.5s ease;
backface-visibility: hidden;
}
.one-box .middle {
transition: 0.5s ease;
opacity: 0;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
text-align: center;
height: 100%;
width: 100%;
}
.one-box:hover .image {
opacity: 0.3;
}
.one-box:hover .middle {
opacity: 1;
}
.one-box .text {
background-color: rgba(2, 35, 71, 0.85);
color: white;
font-size: 16px;
padding: 40px;
height: 100%;
display: flex;
flex-direction: column;
justify-content: flex-end;
text-align: left;
}
.one-box .text h3,
.one-box .text h5 {
color: white;
}
.grey-stars-col {
display: flex;
justify-content: flex-end;
}
.hight-street {
margin-top: 50px;
}
.two-box {
display: flex;
}
.high-text {
width: 90%;
position: relative;
padding-left: 100px;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
}
.high-text h2 {
margin-bottom: -10px;
}
.high-text .professor {
font-size: 50px;
line-height: 1;
}
.icon-arrow {
position: absolute;
left: -75px;
z-index: 0;
max-width: 155px;
}
.owl-gal-box {
position: relative;
}
.owl-gal .slide-single {
background-size: cover;
background-position: center;
height: 700px;
border-radius: 8px;
}
.owl-gal .slide-single:nth-child(1) {
background-image: url(//courtyardholidayapartments.co.uk/wp-content/uploads/2022/04/gallery-1.jpg);
}
.owl-gal .slide-single:nth-child(2) {
background-image: url(//courtyardholidayapartments.co.uk/wp-content/uploads/2022/05/slide-1.jpg);
}
.owl-gal .slide-single:nth-child(3) {
background-image: url(//courtyardholidayapartments.co.uk/wp-content/uploads/2022/05/slide-2.jpg);
}
.owl-gal .slide-single:nth-child(4) {
background-image: url(//courtyardholidayapartments.co.uk/wp-content/uploads/2022/05/slide-3.jpg);
}
.owl-gal .slide-single:nth-child(5) {
background-image: url(//courtyardholidayapartments.co.uk/wp-content/uploads/2022/05/slide-4.jpg);
}
.owl-gal .slide-single:nth-child(6) {
background-image: url(//courtyardholidayapartments.co.uk/wp-content/uploads/2022/05/slide-5.jpg);
}
.owl-gal .slide-single:nth-child(7) {
background-image: url(//courtyardholidayapartments.co.uk/wp-content/uploads/2022/05/slide-6.jpg);
}
.owl-gal .slide-single:nth-child(8) {
background-image: url(//courtyardholidayapartments.co.uk/wp-content/uploads/2022/05/slide-7.jpg);
}
.owl-gal-box > .heart {
position: absolute;
top: 25px;
left: 25px;
z-index: 10;
}
.owl-gal-box .images {
position: absolute;
left: 15%;
top: 0;
transform: translateY(-25%);
max-width: 50%;
z-index: 10;
}
.gallery-slide {
margin-top: 100px;
}
.lux-col {
display: flex;
align-items: center;
justify-content: center;
}
.lux-text {
width: 80%;
}
.quote-mob .yellow-lines {
display: none;
}
.lux-text .yellow-lines {
margin-bottom: 0;
margin-top: 50px;
}
.yellow-lines .lux-brief {
padding: 0 50px;
position: relative;
}
.lux-brief > img {
display: none;
}
.lux-brief h2 {
font-size: 42px;
}
.grey-box-rev {
background-color: #e0e3e3;
padding: 75px 30px;
display: flex;
align-items: center;
margin-top: 50px;
border-radius: 8px;
justify-content: center;
}
.grey-box-rev > img {
width: 30%;
}
.grey-box-rev div {
padding-left: 15px;
}
.grey-box-rev div p {
margin-bottom: 0;
}
.owl-theme .owl-nav [class*="owl-"]:hover {
background: transparent;
}
.owl-theme .owl-nav [class*="owl-"] {
margin: 10px !important;
}
.owl-gal .owl-prev {
top: 50%;
transform: translateY(-50%);
position: absolute;
right: 100%;
}
.owl-gal .owl-next {
top: 50%;
transform: translateY(-50%);
position: absolute;
left: 0;
}
.pd-left {
padding-left: 0;
}
.pd-right {
padding-right: 0;
}
.offer-local {
margin-bottom: 30px;
}
.offer-local p {
width: 75%;
}
.offers {
margin-top: 100px;
}  .the-offers div {
width: 50%;
display: flex;
margin: 10px 0;
float: left;
}
.the-locals div {
width: 100%;
display: flex;
margin: 10px 0;
float: left;
}
.the-locals div img,
.the-offers div img {
height: 30px;
width: 30px;
object-fit: contain;
}
.the-offers div p,
.the-locals div p {
margin-bottom: 0;
margin-left: 10px;
}
.p-cta-box {
background-image: url(//courtyardholidayapartments.co.uk/wp-content/uploads/2022/04/prestige-bg-1.png);
background-position: center;
background-size: cover;
border-radius: 10px;
padding: 50px 0;
position: relative;
}
.p-cta-box p {
color: white;
font-size: 22px;
margin-top: 20px;
}
.p-cta-box > .leaf {
position: absolute;
left: 0px;
bottom: 0px;
}
.p-cta-box button {
position: absolute;
bottom: -22px;
left: 50%;
transform: translateX(-50%);
}
.prestige-cta {
margin-top: 100px;
text-align: center;
} .owl-stage div img {
border-radius: 8px;
}
#about-hero {
margin-top: 50px;
position: relative;
}
#about-hero .container {
position: relative;
}
#about-hero .container > img {
position: absolute;
top: 0;
right: 0;
}
#about-hero .loc {
margin-top: 0px;
}
#about-hero .grey-stars-col {
margin-top: 100px;
}
.about-hero-items {
height: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.about-hero-items > div {
display: flex;
align-items: flex-start;
}
.about-hero-items > div img {
margin-right: 10px;
}
.about-hero-items .p-lg {
line-height: 1;
margin-bottom: 0.5rem;
}
#our-properties {
margin-top: 100px;
}
.our-properties-title {
display: flex;
align-items: flex-start;
margin-bottom: 50px;
max-width: 75%;
}
.our-properties-title h2 {
width: fit-content;
margin-right: 30px;
white-space: nowrap;
}
.our-properties {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
border-bottom: 2px solid #e8e7e2;
}
.our-properties > div {
width: calc(50% - (100px / 2));
padding-bottom: 100px;
}
.our-properties .loc {
margin-top: 0;
}
.our-properties .p-lg {
margin-bottom: 30px;
}
.our-properties .owl-property-image {
margin-bottom: 1rem;
}
.owl-property-image.owl-carousel .owl-nav button.owl-prev {
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
}
.owl-property-image.owl-carousel .owl-nav button.owl-next {
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
}
#about-us {
margin-top: 100px;
margin-bottom: 150px;
}
.about-us-text {
padding-right: 100px;
}
.about-us-text > button {
margin-bottom: 1rem;
}
.about-us-text > .p-lg {
margin-bottom: 30px;
}
.yellow-lines {
display: flex;
justify-content: center;
align-items: flex-start;
border-radius: 10px;
padding: 75px 50px 50px 50px;
background-image: url(//courtyardholidayapartments.co.uk/wp-content/uploads/2022/05/lines-bg.svg);
background-size: cover;
margin-bottom: 1rem;
}
.yellow-lines > img {
margin-right: 20px;
transform: translateY(50%);
}
.yellow-lines p:first-of-type {
margin-bottom: 0;
font-family: cabrito-didone-normal, sans-serif;
font-weight: 400;
font-style: normal;
line-height: 1.2;
font-size: 20px;
}
.yellow-lines p:last-of-type {
font-size: 45px;
line-height: 1;
margin-bottom: 0;
font-family: professor, sans-serif;
font-weight: 400;
font-style: normal;
}
.prestige-col-4 {
padding: 50px;
height: 475px;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
text-align: center;
background-image: url(//courtyardholidayapartments.co.uk/wp-content/uploads/2022/04/prestige-bg.png);
background-size: cover;
background-position: center;
border-radius: 10px;
position: relative;
margin-bottom: 20px;
}
.prestige-col-4 .leaf {
position: absolute;
right: 0;
top: 0;
transform: translateY(-25%);
max-width: 100px;
}
.prestige-col-4 p {
color: white;
}
.air-col-4 {
padding: 40px;
height: 250px;
display: flex;
flex-direction: column;
justify-content: flex-end;
align-items: center;
text-align: center;
background-color: #ff5a60;
border-radius: 10px;
position: relative;
}
.air-col-4 > img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.air-col-4 .photos {
top: 90%;
left: -75px;
transform: none;
max-width: 70%;
}
.page-template-about .offers {
max-width: 95%;
margin: 0 auto;
padding: 150px 0;
background-color: #f5f4f0;
border-radius: 10px;
} #gallery-hero {
margin-top: 50px;
}
.gallery-hero-text {
position: sticky;
top: 50px;
padding-right: 75px;
}
.gallery-hero-text h1 {
height: 100px;
margin-bottom: 0;
}
.gallery-hero-text .marison {
position: absolute;
top: 20px;
font-size: 65px;
line-height: 1;
right: 65px;
color: #9aa9b0;
z-index: -1;
}
.gallery-hero {
display: flex;
flex-wrap: wrap;
gap: 20px 20px;
}
.gallery-hero .one-box {
width: calc(50% - 10px);
} #reviews-hero {
width: 90%;
margin: 0 auto;
background: #304452;
padding: 100px 0;
position: relative;
margin-top: 50px;
border-radius: 10px;
}
#reviews-hero .container {
width: 80%;
}
.reviews-hero__title {
text-align: center;
}
.reviews-hero__title h1 {
color: white;
}
.reviews-hero__title img {
margin-bottom: 1rem;
}
.reviews-hero__slider {
margin-top: 100px;
}
.reviews-hero__slider h4 {
margin-bottom: 50px;
margin-top: 1rem;
color: white;
}
.reviews-hero__slider p {
color: white;
margin-bottom: 0;
}
.reviews-hero__slider .name,
.reviews-hero__slider .service-by {
margin-bottom: 0;
}
.reviews-hero__slider .happy-client__item img {
max-width: 40%;
}
.owl-reviews.owl-carousel .owl-nav,
.owl-reviews-alt.owl-carousel .owl-nav {
margin-top: 0;
}
.owl-reviews.owl-carousel .owl-nav button.owl-prev,
.owl-reviews-alt.owl-carousel .owl-nav button.owl-prev {
position: absolute;
right: calc(100% + 50px);
top: 50%;
transform: translateY(-50%);
}
.owl-reviews.owl-carousel .owl-nav button.owl-next,
.owl-reviews-alt.owl-carousel .owl-nav button.owl-next {
position: absolute;
left: calc(100% + 50px);
top: 50%;
transform: translateY(-50%);
}
.reviews-hero__form {
display: flex;
margin-top: 100px;
}
.reviews-hero__form .reviews-hero__left,
.reviews-hero__form .reviews-hero__right {
width: 50%;
}
.reviews-hero__form .reviews-hero__left {
padding-right: 50px;
}
.reviews-submit {
margin-top: 25px;
}
.reviews-submit a {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.reviews-submit a svg {
margin-bottom: 1rem;
}
.reviews-submit a {
color: white;
} #blog-index-title {
margin-top: 100px;
margin-bottom: 50px;
}
.blog-index-title {
text-align: center;
}
.blog-index-categories {
display: flex;
justify-content: flex-end;
align-items: center;
margin-bottom: 1rem;
}
.blog-index-categories .select {
display: flex;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: center;
gap: 15px;
}
.blog-index-categories .select #category {
-webkit-appearance: none;
appearance: none;
padding: 10px 20px;
padding-right: 55px;
font-family: filson-soft, sans-serif;
font-weight: 300;
font-style: normal;
color: #304452;
background-color: rgba(154, 169, 176, 0.18);
border-radius: 100px;
border: 2px solid #ededec;
transition: 0.2s ease-in-out;
background-image: url(//courtyardholidayapartments.co.uk/wp-content/uploads/2024/09/drop.svg);
background-size: 15px auto;
background-repeat: no-repeat;
background-position: center right 20px;
}
.blog-index-categories .select #category:focus {
border: 2px solid #304452;
}
.blog-index {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 25px;
}
.blog-index .blog-index-post:first-of-type {
grid-column: span 2;
}
.blog-index .blog-index-post:first-of-type .image {
padding-bottom: calc(50% - 12.5px);
}
.blog-index-post .image {
margin-bottom: 1rem;
height: 0;
padding-bottom: 100%;
position: relative;
}
.blog-index-post .image img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 10px;
object-fit: cover;
}
.blog-index-post .image .cat {
position: absolute;
top: 25px;
left: 25px;
z-index: 2;
color: white;
background: #304452;
border-radius: 50px;
padding: 2px 15px;
box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.35);
} #blog-single-hero {
margin-top: 50px;
padding-top: 50px;
position: relative;
}
#blog-single-hero .back {
display: flex;
align-items: center;
justify-content: flex-start;
gap: 10px;
position: absolute;
left: 75px;
top: 25px;
}
#blog-single-hero::after {
content: "";
background-color: rgba(154, 169, 176, 0.2);
top: 0;
position: absolute;
left: 50px;
right: 50px;
height: 75%;
z-index: -1;
}
.blog-single-hero {
text-align: center;
}
.blog-single-hero .image {
position: relative;
height: 400px;
}
.blog-single-hero .image .socials {
position: absolute;
top: 0;
right: calc(100% + 50px);
z-index: 2;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 20px;
}
.blog-single-hero .cat {
color: white;
background: #304452;
border-radius: 50px;
padding: 2px 15px;
box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.35);
width: fit-content;
margin: 0 auto;
}
.blog-single-hero h1 {
margin: 1rem 0;
}
.blog-single-hero .blog-hero-image {
width: 100%;
height: 100%;
border-radius: 10px;
object-fit: cover;
}
.wp-block-image img {
border-radius: 10px;
width: 100%;
height: auto;
}
#blog-single {
margin-top: 50px;
}
.blog-single {
padding-bottom: 150px;
}
.blog-single .rounded-image img {
border-radius: 10px;
}
.blog-single strong {
font-weight: 500;
}
.blog-single-share {
display: flex;
align-items: center;
justify-content: flex-start;
gap: 20px;
}
.blog-single-share .share {
display: flex;
align-items: center;
justify-content: flex-start;
gap: 20px;
}
#blog-single-related {
margin-top: 100px;
}
.blog-single-related h2 {
margin-bottom: 50px;
}
.blog-single-related .related-posts {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 25px;
}
.blog-single-post .image {
margin-bottom: 1rem;
height: 0;
padding-bottom: 100%;
position: relative;
}
.blog-single-post .image img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 10px;
}
.blog-single-post .image .cat {
position: absolute;
top: 25px;
left: 25px;
z-index: 2;
color: white;
background: #304452;
border-radius: 50px;
padding: 2px 15px;
box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.35);
} #error-page {
margin-top: 50px;
} #contact-hero {
margin-top: 50px;
}
#contact-hero .grey-stars-col {
margin-top: 100px;
}
.contact-hero-text {
position: relative;
}
.contact-hero-text .marison {
position: absolute;
left: 100px;
font-size: 55px;
line-height: 1;
top: 30px;
padding-right: 0;
color: #9aa9b0;
white-space: nowrap;
}
.contact-hero-text > p {
padding-right: 50px;
}
.contact-hero-text h1 {
margin-bottom: 0px;
height: 100px;
}
.contact-info-box {
margin-bottom: 30px;
}
.contact-info-box:last-of-type {
margin-bottom: 50px;
}
.contact-info-box > div {
display: flex;
align-items: center;
}
.contact-info-box > div > img {
margin-right: 10px;
}
.contact-info-box > div div {
display: flex;
flex-direction: column;
justify-content: space-between;
}
.contact-form-box .book {
display: flex;
height: 100px;
justify-content: flex-end;
}
.contact-form-box .book a {
height: fit-content;
}
.contact-form-box > h3 {
margin-bottom: 20px;
}
.contact-form p {
text-align: right;
}
.wpcf7-spinner {
display: none;
}
.contact-form select {
-webkit-appearance: none;
border-radius: 0;
}
.contact-form .wpcf7-form-control-wrap.Subject1 {
position: relative;
}
.contact-form .wpcf7-form-control-wrap.Subject1::after {
content: "";
position: absolute;
right: 15px;
background-image: url(//courtyardholidayapartments.co.uk/wp-content/uploads/2022/04/dropdown-icon.svg);
background-repeat: no-repeat;
top: 50%;
transform: translateX(-50%);
height: 10px;
width: 17px;
background-size: contain;
}
.contact-form input[type="submit"] {
font-size: 18px;
font-family: cabrito-didone-normal, sans-serif;
font-weight: 300;
font-style: normal;
background-color: #9aa9b0;
color: white;
border: none;
}
.contact-form input,
.contact-form select,
.contact-form textarea {
padding: 15px;
background-color: #f4f3ec;
border: 2px solid #f4f3ec;
transition: 0.3s ease-in-out;
font-family: filson-soft, sans-serif;
font-weight: 300;
font-style: normal;
color: #304452;
border-radius: 5px;
box-shadow: none !important;
}
.contact-form input:focus,
.contact-form select:focus,
.contact-form textarea:focus {
padding: 15px;
background-color: #f4f3ec;
border: 2px solid #304452;
}
.contact-form input::placeholder,
.contact-form select::placeholder,
.contact-form textarea::placeholder {
color: #304452;
transition: 0.3s ease-in-out;
}
.contact-form input:focus::placeholder,
.contact-form select:focus::placeholder,
.contact-form textarea:focus::placeholder {
opacity: 0.4;
}
.contact-form-split {
display: flex;
padding-bottom: 20px;
}
.contact-form-split input,
.contact-form-split textarea,
.contact-form-split select {
width: 100%;
}
.contact-form-split div:first-of-type {
padding-right: 10px;
width: 50%;
}
.contact-form-split div:last-of-type {
padding-left: 10px;
width: 50%;
}
.contact-form-full {
padding-bottom: 20px;
}
.contact-form-full input,
.contact-form-full textarea,
.contact-form-full select {
width: 100%;
}
.wpcf7 form .wpcf7-response-output {
font-family: filson-soft, sans-serif;
font-weight: 300;
font-style: normal;
color: #304452;
border: 2px solid #304452 !important;
border-radius: 5px;
} #instagram {
margin-top: 150px;
}
.instagram-header {
display: flex;
align-items: flex-end;
justify-content: space-between;
}
.instagram-header > div {
display: flex;
align-items: center;
}
.instagram-header img {
margin-right: 12px;
}
.instagram-header h3,
.instagram-header p,
.instagram-header h5 {
margin-bottom: 0;
line-height: 1;
}
footer {
margin-top: 100px;
}
.f-logo {
text-align: center;
}
.two-f-blocks {
display: flex;
justify-content: space-between;
margin-top: 40px;
margin-bottom: 40px;
}
.two-f-blocks .one-f-block:first-of-type {
display: flex;
}
.two-f-blocks .one-f-block:first-of-type p {
margin-bottom: 0;
}
.check {
padding-bottom: 10px;
}
.two-f-blocks .one-f-block:last-of-type {
text-align: right;
}
.footer-block {
margin-right: 75px;
display: flex;
flex-direction: column;
}
.footer-block a,
.footer-block p {
width: fit-content;
}
.hyphen {
margin-bottom: 25px;
}
.hyphen a {
display: flex;
align-items: center;
}
.hyphen p {
margin-bottom: 0;
margin-left: 5px;
font-size: 13px;
}
.footer-border {
margin: 0;
min-height: 15px;
background-color: #304452;
opacity: 1;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
} @media screen and (min-width: 1900px) {
.home-hero,
.the-menu {
width: 80%;
margin: 0 auto;
}
.high-text {
width: 50%;
}
.lux-text {
width: 55%;
}
.lux-brief {
padding: 0 0 0 100px;
}
.hero-content {
width: 25%;
}
.hero-image {
width: 75%;
height: 650px;
}
.owl-hero.owl-carousel .owl-nav button.owl-prev {
left: 25%;
}
.hero-notes {
left: 5%;
max-width: fit-content;
}
.high-text {
width: 55%;
}
}
@media screen and (max-width: 1900px) {
.sidebar {
display: flex;
flex-direction: column-reverse;
position: fixed;
top: 20%;
right: 0;
z-index: 10000000;
}
.blog-single-hero .image .socials {
position: initial;
flex-direction: row;
justify-content: flex-start;
margin-bottom: 1rem;
}
}
@media screen and (min-width: 1440px) {
.gallery-hero {
display: flex;
flex-wrap: wrap;
gap: 20px;
column-count: 3;
}
.gallery-hero .one-box {
width: calc(33.33% - (40px / 3));
}
.gallery-hero .one-box .text {
padding: 25px;
}
}
@media screen and (max-width: 1440px) {
.high-text {
width: 75%;
}
#blog-single-hero::after {
left: 12px;
right: 12px;
}
#blog-single-hero .back {
left: 32px;
}
}  @media screen and (max-width: 1199px) {
.dropdown-menu[data-bs-popper] {
margin-top: 1rem;
margin-bottom: 1rem;
}
.dropdown-menu {
padding: 1rem;
background-color: transparent;
box-shadow: none;
border-radius: 0;
border: none;
padding: 0;
}
.brand-logo {
width: 25%;
}
.f-logo img {
max-height: 100px;
}
.gallery-hero-text {
padding-right: 0;
}
.prestige-col-4 {
height: 500px;
}
.prestige-col-4 p {
margin-bottom: 0;
}
.hero-notes {
left: 18%;
}
.high-text {
width: 95%;
}
.two-box .one-box .text {
padding: 25px;
}
.icon-arrow {
bottom: -15%;
}
.navbar-expand-lg .navbar-nav .nav-link {
margin: 0 15px;
}
.nav-spacing {
margin-left: 15px;
}
.nav-socials a:first-of-type {
margin-right: 15px;
}
.nav-brand {
display: block;
max-width: 50%;
}
.resp-nav {
display: block !important;
}
.brand-logo {
display: none;
}
.navbar-nav {
width: 25%;
}
.navbar-expand-lg .navbar-nav .nav-link,
.inline-nav {
width: fit-content;
margin: 5px auto;
font-size: 32px;
}
.nav-last .nav-spacing.ask {
display: none !important;
}
.nav-last .nav-spacing:last-of-type img {
display: none;
}
.mob-menu-btn {
width: 25%;
text-align: right;
}
.navbar-light .navbar-toggler {
border: none;
}
.navbar-collapse .navbar-nav {
text-align: center;
align-items: center;
width: 100%;
}
.navbar-collapse .navbar-nav .nav-socials {
display: none;
}
}
@media screen and (max-width: 1024px) {
.lux-brief {
padding: 0;
}
.lux-text .yellow-lines {
display: block;
}
.lux-text .yellow-lines > img {
margin-right: 0;
transform: none;
margin-bottom: 10px;
}
.hero-content {
width: 40%;
}
.owl-hero.owl-carousel .owl-nav button.owl-prev {
left: 40%;
}
.hero-image {
width: 60%;
}
.hero-notes {
left: 20%;
}
} @media screen and (max-width: 992px) {
.sidebar {
top: 35%;
}
.hero-content h1 br,
.hero-content h2 br {
display: none;
} .contact-form-box {
position: relative;
margin-top: 50px;
}
.contact-form-box .book {
position: absolute;
right: 0;
top: 0;
height: auto;
}
.contact-hero-text h1 {
height: auto;
margin-bottom: 50px;
} .contact-info-box > div {
justify-content: center;
flex-direction: column;
}
.contact-info-box > div a {
width: fit-content;
margin: 0 auto;
}
.contact-hero-text {
text-align: center;
justify-content: center;
display: flex;
flex-wrap: wrap;
}
.contact-hero-text h1,
.contact-hero-text .marison {
width: 100%;
}
.contact-hero-text > p {
padding-right: 0;
}
.contact-hero-text .marison {
left: 50%;
transform: translateX(-50%);
}
.contact-info-box > p {
font-size: 22px !important;
}
.contact-info-box {
width: 33.33%;
}
.p-cta-box > .leaf {
left: 5%;
bottom: 50%;
max-width: 180px;
}
.footer-block {
width: 50%;
align-items: center;
margin-right: 0;
}
.two-f-blocks .one-f-block:first-of-type {
width: 66.66%;
text-align: center;
}
.two-f-blocks .one-f-block:last-of-type {
text-align: center;
width: 33.33%;
}
.hyphen a {
justify-content: center;
}
.gallery-hero-text .marison {
white-space: nowrap;
right: initial;
left: 100px;
}
.gallery-hero-text p {
margin-bottom: 0;
}
.gallery-hero-text {
margin-bottom: 50px;
}
.about-hero-items > div {
width: calc(50% - 12px);
}
.about-hero-items {
margin-top: 50px;
flex-direction: row;
flex-wrap: wrap;
gap: 24px 24px;
}
.our-properties-title {
max-width: 100%;
} .about-us-text {
padding-right: 0;
}
.about-hero-items > div:nth-of-type(2n) {
flex-direction: row-reverse;
text-align: right;
}
.about-hero-items > div:nth-of-type(2n) img {
margin-right: 0;
margin-left: 10px;
}
.about-offers {
display: flex;
column-count: 2;
gap: 24px 24px;
margin-top: 50px;
}
.air-col-4,
.prestige-col-4 {
width: 50%;
margin-bottom: 0;
}
.air-col-4 .photos {
left: initial;
right: 0;
max-width: 90%;
top: 95%;
}
.the-offers div {
width: 100%;
}
.the-offers:not(.collapse) > div:nth-of-type(-n + 8) {
display: none;
}
.the-offers,
.the-locals {
min-height: auto;
}
#about-us {
margin-bottom: 100px;
}
.page-template-about .offers {
padding: 100px 0;
}
.two-box {
display: block;
}
.two-box .one-box {
width: 100%;
}
.icon-arrow {
display: none;
}
.high-text {
width: 100%;
height: auto;
position: sticky;
top: 20%;
z-index: -1;
padding-left: 25px;
}
.owl-gal-box .images {
left: 25%;
}
.owl-gal .slide-single {
height: 600px;
}
.owl-gal-box {
margin-top: 50px;
}
.hero-slider {
flex-direction: column;
}
.hero-content {
width: 100%;
}
.hero-notes {
left: initial;
max-width: 400px;
right: 0;
top: 10%;
position: static;
}
.hero-content .hero-heart {
position: static;
margin-top: 20px;
}
.hero-image {
width: 100%;
display: none;
}
.owl-hero.owl-carousel .owl-nav button.owl-prev {
left: 0;
top: initial;
bottom: 450px;
transform: translate(-0%, 150%);
}
.owl-hero.owl-carousel .owl-nav button.owl-next {
top: initial;
bottom: 450px;
transform: translate(-0%, 150%);
}
.lux-brief h2 {
font-size: 40px;
}
.lux-text .yellow-lines {
padding: 40px;
}
.modal-app {
width: 45%;
}
.modal-body {
display: flex;
flex-wrap: wrap;
columns: 2;
justify-content: space-evenly;
}
.slider-booking p {
display: none;
}
.slider-booking {
background-color: transparent;
padding: 0;
}
.owl-reviews.owl-carousel .owl-nav button.owl-prev,
.owl-reviews-alt.owl-carousel .owl-nav button.owl-next {
position: initial;
transform: none;
}
.owl-reviews.owl-theme .owl-nav .owl-reviews-alt.owl-theme .owl-nav {
text-align: end;
margin-top: 20px;
}
.owl-reviews.owl-carousel .owl-nav button.owl-prev,
.owl-reviews-alt.owl-carousel .owl-nav button.owl-prev {
margin-right: 20px !important;
}
.owl-reviews.owl-carousel .owl-nav button.owl-prev,
.owl-reviews-alt.owl-carousel .owl-nav button.owl-prev {
right: calc(100% + 25px);
}
.owl-reviews.owl-carousel .owl-nav button.owl-next,
.owl-reviews-alt.owl-carousel .owl-nav button.owl-next {
left: calc(100% + 25px);
}
.blog-index,
.blog-single-related .related-posts {
grid-template-columns: repeat(2, 1fr);
}
.blog-index .blog-index-post:first-of-type {
grid-column: span 1;
}
.blog-index .blog-index-post:first-of-type .image {
padding-bottom: 100%;
}
.blog-single-related .related-posts .blog-single-post:nth-of-type(3) {
display: none;
}
} @media screen and (max-width: 768px) {
.home-hero {
width: 100%;
}
.hero-image {
height: 375px;
}
.owl-hero.owl-carousel .owl-nav button.owl-next,
.owl-hero.owl-carousel .owl-nav button.owl-prev {
bottom: 375px;
}
.lux-text {
width: 90%;
}
.owl-gal .owl-prev,
.owl-gal .owl-next {
top: 40%;
}
.sidebar {
position: absolute;
}
} @media screen and (max-width: 767px) {
.p-cta-box p br {
display: none;
}
.the-books div {
width: 100%;
}
.page-template-gallery .prestige-cta {
margin-top: 50px;
}
.gall-col {
padding-left: 0;
padding-right: 0;
}
.page-template-about .offers {
padding: 50px 20px;
max-width: 100%;
}
#about-us {
margin-bottom: 50px;
margin-top: 50px;
padding-left: 10px;
padding-right: 10px;
}
.home-hero,
.high-text,
.lux-text,
.offers,
#about-hero,
#our-properties,
#contact-hero {
padding-left: 10px;
padding-right: 10px;
}
#instagram {
margin-top: 100px;
padding-left: 10px;
padding-right: 10px;
}
.gallery-hero {
gap: 0;
}
.prestige-cta {
padding-left: 5px;
padding-right: 5px;
}
.p-cta-box {
padding: 50px;
}
.gallery-hero .one-box {
width: 100%;
} .about-hero-items > div {
display: block;
}
.about-hero-items > div:nth-of-type(2n) img,
.about-hero-items > div img {
margin-left: 0;
margin-right: 0;
margin-bottom: 10px;
}
.our-properties-title {
display: block;
}
.about-hero-items {
gap: 30px;
}
.about-hero-items > div {
width: calc(50% - 15px);
}
.our-properties {
display: block;
}
.our-properties > div {
width: 100%;
padding-bottom: 50px;
} .air-col-4,
.prestige-col-4 {
width: 100%;
}
.about-offers {
display: block;
column-count: 1;
}
.prestige-col-4 {
margin-bottom: 50px;
height: auto;
}
.prestige-col-4 p {
margin: 1rem 0;
}
.air-col-4 .photos {
display: none;
}
.offers .row .col-lg-6:first-of-type {
margin-bottom: 50px;
}
.offer-local p {
width: 100%;
}
.hero-notes {
max-width: 100%;
top: 20%;
right: -15%;
}
.hero-content h1,
.hero-content h2 {
width: 90%;
}
.hero-content h1 br,
.hero-content h2 br {
display: none;
}
.hero-slider {
overflow: hidden;
}
.owl-gal-box {
width: 90%;
float: right;
}
.contact-hero-text {
display: block;
}
.contact-info-box {
width: 100%;
}
.sidebar {
top: 60%;
}
.slider-booking {
top: initial;
bottom: 0;
padding-bottom: 20px;
}
.modal-content > a {
margin: 40px auto 0 auto;
}
#reviews-hero .container {
width: 100%;
}
#reviews-hero {
padding: 50px 0;
width: 100%;
border-radius: 0;
}
.reviews-hero__slider {
margin-top: 50px;
}
}
@media screen and (max-width: 576px) {
.contact-form-split div:last-of-type,
.contact-form-split div:first-of-type {
padding-left: 0;
padding-right: 0;
margin-bottom: 20px;
width: 100%;
}
.contact-form-split {
display: block;
}
.contact-form-split {
padding-bottom: 0;
margin-bottom: 0;
}
.contact-form-box .book {
display: none;
}
.announcement p {
width: 100%;
}
.p-cta-box > .leaf {
left: 0;
bottom: 60%;
max-width: 150px;
}
.footer-block,
.two-f-blocks .one-f-block:last-of-type {
width: 100%;
}
.two-f-blocks .one-f-block:first-of-type {
width: 100%;
}
.two-f-blocks,
.two-f-blocks .one-f-block:first-of-type {
flex-direction: column;
align-items: center;
}
.footer-block {
margin-bottom: 40px;
}
#about-hero .container > img {
top: initial;
bottom: 98%;
right: 15px;
}
.yellow-lines {
display: block;
}
.yellow-lines > img {
margin-right: 0;
transform: none;
margin-bottom: 10px;
}
.prestige-col-4 {
margin-bottom: 20px;
}
.about-hero-items > div {
width: 100%;
}
.hero-content h1,
.hero-content h2 {
width: 90%;
font-size: 50px;
}
.hight-street .pd-left {
padding-left: calc(var(--bs-gutter-x) * 0.5);
}
.two-box {
display: flex; flex-wrap: wrap;
}
.high-text {
padding-left: 10px;
margin-top: 12px;
}
.high-text h2 {
font-size: 22px;
margin-bottom: -6px;
}
.high-text .professor {
font-size: 36px;
}
.owl-gal-box {
width: 85%;
}
.owl-gal .slide-single {
height: 400px;
}
.nav-brand img {
max-width: 100%;
}
.the-menu {
width: 100%;
}
.navbar-expand-lg .navbar-nav .nav-link,
.inline-nav {
margin: 4px auto;
font-size: 28px;
}
.about-hero-items > div:nth-of-type(2n) {
flex-direction: row;
text-align: left;
}
.high-text {
position: static;
padding-bottom: 40px;
}
.resp-reverse .pd-left {
padding-left: 0 !important;
padding-right: 0;
}
.resp-reverse {
display: flex;
flex-direction: column-reverse;
}
.gallery-slide .pd-right {
padding-right: calc(var(--bs-gutter-x) * 0.5);
}
.owl-gal-box {
float: initial;
width: 90%;
margin: 40px auto;
}
.owl-gal-box > img {
display: none !important;
}
.owl-gal .owl-next {
left: 100%;
top: 50%;
transform: translate(-50%, -50%);
}
.owl-gal .owl-prev {
left: 0%;
right: initial;
top: 50%;
transform: translate(-50%, -50%);
}
.owl-theme .owl-nav [class*="owl-"] {
margin: 0 !important;
}
.lux-text .yellow-lines {
display: none;
}
.quote-mob .yellow-lines {
display: block;
width: 90%;
margin: 0 auto 50px auto;
}
.home-hero,
.high-text,
.lux-text,
.offers {
width: 90%;
margin: 0 auto;
padding-left: 0;
padding-right: 0;
}
#our-properties {
width: 90%;
margin: 100px auto 0 auto;
padding-left: 0;
padding-right: 0;
}
#about-hero,
#contact-hero {
width: 90%;
margin: 50px auto 0px auto;
padding-left: 0;
padding-right: 0;
}
.lux-brief > img {
display: block;
position: absolute;
max-width: 60%;
bottom: 100%;
right: 0;
}
.gallery-slide {
margin-top: 100px;
}
.sidebar {
display: none;
}
.modal-app {
width: 48%;
padding: 15px;
}
.modal-body {
gap: 40px 0;
justify-content: space-between;
}
.modal-dialog {
max-width: 95%;
}
.blog-index,
.blog-single-related .related-posts {
grid-template-columns: 1fr;
}
.blog-single-related .related-posts .blog-single-post:nth-of-type(3) {
display: block;
}
#blog-single-hero::after {
left: 0;
right: 0;
}
#blog-single-hero .back {
left: 12px;
top: 12px;
}
} @media screen and (max-width: 375px) {
.hero-content h1 {
font-size: 45px;
}
.p-cta-box > .leaf {
display: none;
}
.p-cta-box {
padding: 50px 25px;
}
.grey-stars {
display: block;
}
.grey-stars h4 {
margin-left: 0;
margin-top: 10px;
}
.line-div p span {
font-size: 13px;
}
.instagram-header {
display: block;
}
.instagram-header > div {
margin-bottom: 12px;
}
.yellow-lines {
padding: 50px 25px;
}
.prestige-col-4 {
padding: 50px 25px;
}
.the-offers div,
.the-locals div {
margin: 10px 0;
}
h1,
.lux-brief h2 {
font-size: 42px;
}
.hero-image {
height: 225px;
}
.owl-hero.owl-carousel .owl-nav button.owl-next,
.owl-hero.owl-carousel .owl-nav button.owl-prev {
bottom: 220px;
}
.owl-carousel .owl-nav button.owl-prev img,
.owl-carousel .owl-nav button.owl-next img {
max-width: 30px;
}
.owl-gal .slide-single {
height: 300px;
}
.owl-gal-box > .heart {
display: none;
}
.owl-gal-box .images {
left: 0;
transform: translateY(-75%);
}
.home-hero,
.high-text,
.lux-text,
.offers,
#about-hero,
.quote-mob .yellow-lines {
width: 100%;
}
#our-properties {
width: 90%;
margin: 75px auto 0 auto;
padding-left: 0;
padding-right: 0;
}
#about-hero,
#contact-hero {
width: 90%;
margin: 50px auto 0px auto;
padding-left: 0;
padding-right: 0;
}
.modal-app h2 {
font-size: 20px;
}
.modal-app .grey-btn {
padding: 5px 15px;
font-size: 16px;
}
.slider-booking {
bottom: 50%;
}
}
@media screen and (max-height: 576px) and (orientation: landscape) {
.sidebar {
display: none;
}
.modal-dialog {
display: block;
margin: 25px auto 50px auto;
}
}