/*
Theme Name: Summer House | VerticalVertical
Text Domain: verticalvertical
Version: 1.0.0
Description: Our default theme for 2024 is designed to take full advantage of the flexibility of the block editor..
Author: Vertical Vertical
Author URI: https://verticalvertical.com/
Template: verticalvertical
*/

:root {
  --totalHeaderHeight: 109px;
  --headerMainStickyColor: var(--blackColor);
  --headerSocketColor: transparent;
  --headerMainColor: transparent;
  --defaultColor: var(--blackColor);
  --whiteColor: #FFFFFF;
  --darkBrownColor: #46382D;
  --brownColor: #997746;
  --lightBrownColor: #D9B988;
  --lightBrownRGBColor: 217, 185, 136;
  --blackColor: #000000;
  --grayColor: #979797;
  --lightGrayColor: #D1D1D1;
  --borderColor: var(--blackColor);
  --selectionBgColor: var(--darkBrownColor);
  --selectionTextColor: #FFFFFF;
  --scrollBarBgColor: var(--brownColor);
  --borderRadiusText: 0 122px;
  --borderRadiusButton: 0 22px;
  --slideInAnimationDuration: 1s;
  --slideInMegaMenuAnimationDuration: .5s;
  --slideInDelay: .2s;
  --verticalContactFont: 'Aspekta', 'Poppins', Arial, HelveticaNeue, "Helvetica Neue", Helvetica, sans-serif !important;
  --fontAbhayaLibre: 'Abhaya Libre', 'Poppins', Arial, HelveticaNeue, "Helvetica Neue", Helvetica, sans-serif !important;
  --fontAspekta: 'Aspekta', 'Poppins', Arial, HelveticaNeue, "Helvetica Neue", Helvetica, sans-serif !important;
}

h1::selection,
h2::selection,
h3::selection,
h4::selection,
h5::selection,
h6::selection,
span::selection,
a::selection,
ul::selection,
li::selection,
ol::selection,
p::selection,
quote::selection,
::selection {
  background-color: var(--selectionBgColor) !important;
  color: var(--selectionTextColor) !important;
}

::-webkit-scrollbar {
  /* width: 10px; */
  width: 8px;
  height: 8px;
  -webkit-overflow-scrolling: auto
}

::-webkit-scrollbar-thumb {
  background-color: var(--brownColor)
}

::-webkit-scrollbar-track {
  background: var(--whiteColor);
}

#vertical-cookie-banner p {
  font-size: 12px !important;
  line-height: 14px !important;
  color: var(--whiteColor) !important;
}

#vertical-cookie-banner button {
  background-color: var(--brownColor) !important;
}

:where(.wp-block-columns) {
  margin-bottom: 0px !important;
}

#site-header.has-sticky.sticky .site-header-inner {
  box-shadow: 0px 3px 6px rgba(70, 56, 45, .61);
}

#site-header.has-sticky.sticky .site-header-inner .header-socket-wrapper {
  background-color: var(--blackColor) !important;
}

body *,
html * {
  box-sizing: border-box;
  letter-spacing: 0;
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  white-space: normal;
  word-break: normal
}

body img,
html img {
  display: block;
  max-width: 100%
}

@font-face {
  font-family: 'Poppins';
  src: url('./summerhouse/fonts/Poppins-Thin.ttf') format('truetype');
  font-style: normal;
  font-weight: 200;
  font-display: swap
}

@font-face {
  font-family: 'Poppins';
  src: url('./summerhouse/fonts/Poppins-ThinItalic.ttf') format('truetype');
  font-style: italic;
  font-weight: 200;
  font-display: swap
}

@font-face {
  font-family: 'Poppins';
  src: url('./summerhouse/fonts/Poppins-Light.ttf') format('truetype');
  font-style: normal;
  font-weight: 300;
  font-display: swap
}

@font-face {
  font-family: 'Poppins';
  src: url('./summerhouse/fonts/Poppins-LightItalic.ttf') format('truetype');
  font-style: italic;
  font-weight: 300;
  font-display: swap
}

@font-face {
  font-family: 'Poppins';
  src: url('./summerhouse/fonts/Poppins-Regular.ttf') format('truetype');
  font-style: normal;
  font-weight: 400;
  font-display: swap
}

@font-face {
  font-family: 'Poppins';
  src: url('./summerhouse/fonts/Poppins-Italic.ttf') format('truetype');
  font-style: italic;
  font-weight: 400;
  font-display: swap
}

@font-face {
  font-family: 'Poppins';
  src: url('./summerhouse/fonts/Poppins-Medium.ttf') format('truetype');
  font-style: normal;
  font-weight: 500;
  font-display: swap
}

@font-face {
  font-family: 'Poppins';
  src: url('./summerhouse/fonts/Poppins-MediumItalic.ttf') format('truetype');
  font-style: italic;
  font-weight: 500;
  font-display: swap
}

@font-face {
  font-family: 'Poppins';
  src: url('./summerhouse/fonts/Poppins-SemiBold.ttf') format('truetype');
  font-style: normal;
  font-weight: 600;
  font-display: swap
}

@font-face {
  font-family: 'Poppins';
  src: url('./summerhouse/fonts/Poppins-SemiBoldItalic.ttf') format('truetype');
  font-style: italic;
  font-weight: 600;
  font-display: swap
}

@font-face {
  font-family: 'Poppins';
  src: url('./summerhouse/fonts/Poppins-Bold.ttf') format('truetype');
  font-style: normal;
  font-weight: 700;
  font-display: swap
}

@font-face {
  font-family: 'Poppins';
  src: url('./summerhouse/fonts/Poppins-BoldItalic.ttf') format('truetype');
  font-style: italic;
  font-weight: 700;
  font-display: swap
}

@font-face {
  font-family: 'Poppins';
  src: url('./summerhouse/fonts/Poppins-ExtraBold.ttf') format('truetype');
  font-style: normal;
  font-weight: 800;
  font-display: swap
}

@font-face {
  font-family: 'Poppins';
  src: url('./summerhouse/fonts/Poppins-ExtraBoldItalic.ttf') format('truetype');
  font-style: italic;
  font-weight: 800;
  font-display: swap
}

@font-face {
  font-family: 'Poppins';
  src: url('./summerhouse/fonts/Poppins-Black.ttf') format('truetype');
  font-weight: 900;
  font-display: swap
}

@font-face {
  font-family: 'Aspekta';
  src: url('./summerhouse/fonts/Aspekta-300.woff2') format('woff2');
  font-weight: 300;
  font-display: swap
}

@font-face {
  font-family: 'Aspekta';
  src: url('./summerhouse/fonts/Aspekta-350.woff2') format('woff2');
  font-weight: 350;
  font-display: swap
}

@font-face {
  font-family: 'Aspekta';
  src: url('./summerhouse/fonts/Aspekta-400.woff2') format('woff2');
  font-weight: 400;
  font-display: swap
}

@font-face {
  font-family: 'Aspekta';
  src: url('./summerhouse/fonts/Aspekta-500.woff2') format('woff2');
  font-weight: 500;
  font-display: swap
}

@font-face {
  font-family: 'Aspekta';
  src: url('./summerhouse/fonts/Aspekta-600.woff2') format('woff2');
  font-weight: 600;
  font-display: swap
}

@font-face {
  font-family: 'Aspekta';
  src: url('./summerhouse/fonts/Aspekta-700.woff2') format('woff2');
  font-weight: 700;
  font-display: swap
}

@font-face {
  font-family: 'Aspekta';
  src: url('./summerhouse/fonts/Aspekta-900.woff2') format('woff2');
  font-weight: 900;
  font-display: swap
}

/* @font-face {
  font-family: 'Abhaya Libre';
  src: url('./summerhouse/fonts/AbhayaLibre-Regular.woff2') format('woff2');
  font-weight: 400;
  font-display: swap
}

@font-face {
  font-family: 'Abhaya Libre';
  src: url('./summerhouse/fonts/AbhayaLibre-Medium.woff2') format('woff2');
  font-weight: 500;
  font-display: swap
}

@font-face {
  font-family: 'Abhaya Libre';
  src: url('./summerhouse/fonts/AbhayaLibre-SemiBold.woff2') format('woff2');
  font-weight: 600;
  font-display: swap
}

@font-face {
  font-family: 'Abhaya Libre';
  src: url('./summerhouse/fonts/AbhayaLibre-Bold.woff2') format('woff2');
  font-weight: 700;
  font-display: swap
} */

@font-face {
  font-family: 'Inter';
  src: url('./summerhouse/fonts/Inter.woff2') format('woff2');
  font-weight: 400;
  font-display: swap
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
html {
  margin: 0
}

h1 {
  font-family: 'Abhaya Libre', 'Aspekta', 'Poppins', Arial, HelveticaNeue, "Helvetica Neue", Helvetica, sans-serif !important;
  color: var(--blackColor);
  font-weight: 700;
}

h2,
h3,
h4,
h5,
h6 {
  font-family: 'Aspekta', 'Poppins', Arial, HelveticaNeue, "Helvetica Neue", Helvetica, sans-serif !important;
  color: var(--blackColor);
  font-weight: 400;
}

h1 {
  font-size: 48.4px;
  line-height: 64px;
}

h2 {
  font-size: 30px;
  line-height: 35px;
  text-transform: capitalize;
}

h3 {
  font-size: 20px;
  line-height: 22px;
}

h4 {
  font-size: 16px;
  line-height: 27px;
}

h5 {
  font-size: 15px;
  line-height: 21px;
}

a,
ul,
li,
ol,
p,
quote {
  font-family: 'Abhaya Libre', 'Aspekta', 'Poppins', Arial, HelveticaNeue, "Helvetica Neue", Helvetica, sans-serif !important;
  color: var(--defaultColor);
  font-weight: 400;
  font-size: 13.8px;
  line-height: 22px;
  text-decoration: none;
}

.text-font-AbhayaLibre {
  font-family: 'Abhaya Libre', 'Poppins', Arial, HelveticaNeue, "Helvetica Neue", Helvetica, sans-serif !important;
}

.text-font-Aspekta {
  font-family: 'Aspekta', 'Poppins', Arial, HelveticaNeue, "Helvetica Neue", Helvetica, sans-serif !important;
}

.text-font-Inter {
  font-family: 'Inter', 'Poppins', Arial, HelveticaNeue, "Helvetica Neue", Helvetica, sans-serif !important;
}

.text-content {
  font-size: 13.8px;
  line-height: 22px;
}

.text-scrolling {
  font-size: 180px;
  line-height: 100%;
}

.text-size-20px {
  font-size: 20px;
  line-height: 26px;
}

.text-size-16px {
  font-size: 16px;
  line-height: 22px;
}

h1>span,
h2>span,
h3>span,
h4>span,
h5>span,
h6>span {
  color: var(--defaultColor);
}

p {
  margin: 0 0 22px;
}

* a:last-child,
* p:last-child {
  margin-bottom: 0 !important
}

.subtitle {
  font-size: 20px;
  line-height: 25px;
  font-weight: 700;
}

.underline,
.underline-hover:hover {
  text-decoration: underline
}

.overflow-hidden {
  overflow: hidden;
}

.bg-section {
  background-color: rgba(217, 185, 136, 1);
  background-repeat: no-repeat;
}

.bg-top {
  background-position: top;
}

.bg-center {
  background-position: center;
}

.bg-cover {
  background-size: cover;
}

.bg-contain {
  background-size: contain;
}

.text-black-color {
  color: var(--blackColor);
}

.text-white-color {
  color: var(--whiteColor);
}

.text-brown-color {
  color: var(--brownColor);
}

.text-default-color {
  color: var(--defaultColor);
}

.text-center {
  text-align: center;
}

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

.text-right {
  text-align: right;
}

.text-small-regular {
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
}

.text-semibold-weight {
  font-weight: 600;
}

.text-bold-weight {
  font-weight: 700;
}

.text-light-weight {
  font-weight: 300;
}

.text-lighter-weight {
  font-weight: 350;
}

.text-regular-weight {
  font-weight: 400;
}

.text-black-weight {
  font-weight: 900;
}

.text-h2 {
  font-size: 35px;
  line-height: 40px;
  font-weight: 700;
  margin: 0;
}

.btn-style {
  font-family: 'Inter', 'Aspekta', 'Poppins', Arial, HelveticaNeue, "Helvetica Neue", Helvetica, sans-serif !important;
  font-size: 11.5px;
  line-height: 16px;
  padding: 13px 10px 13px;
  border: 1px solid;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 4px;
  display: block;
  width: 100%;
  text-align: center;
  cursor: pointer;
}

.btn-brown-style {
  background-color: var(--brownColor);
  border-color: var(--brownColor);
  color: var(--whiteColor);
}

.btn-brown-style:hover {
  background-color: var(--whiteColor);
  color: var(--brownColor);
}

.btn-white-style {
  background-color: var(--whiteColor);
  border-color: var(--whiteColor);
  color: var(--blackColor);
}

.btn-white-style:hover {
  background-color: var(--blackColor);
  color: var(--whiteColor);
}

.btn-white-black-style {
  background-color: var(--whiteColor);
  border-color: var(--blackColor);
  color: var(--blackColor);
}

.btn-white-black-style:hover {
  background-color: var(--blackColor);
  color: var(--whiteColor);
}

.btn-black-style {
  background-color: var(--blackColor);
  border-color: var(--blackColor);
  color: var(--whiteColor);
}

.btn-black-style:hover {
  background-color: var(--whiteColor);
  color: var(--blackColor);
}

.btn-gray-style {
  background-color: var(--grayColor);
  border-color: var(--grayColor);
  color: var(--whiteColor);
}

.btn-gray-style:hover {
  background-color: var(--whiteColor);
  color: var(--blackColor);
}

.btn-black-white-style {
  background-color: var(--blackColor);
  border-color: var(--whiteColor);
  color: var(--whiteColor);
}

.btn-black-white-style:hover {
  background-color: var(--whiteColor);
  color: var(--blackColor);
}

.input-style {
  font-family: 'Abhaya Libre', 'Aspekta', 'Poppins', Arial, HelveticaNeue, "Helvetica Neue", Helvetica, sans-serif !important;
  font-size: 13.1px;
  padding: 13px 20px;
  border: 1px solid var(--blackColor);
  font-weight: 400;
  outline: none;
  box-shadow: none;
}

.input-style.border-brown {
  border-color: var(--brownColor);
}

.ul-style {
  margin: 0px;
  padding: 0px;
  list-style: none;
}

.margin-0 {
  margin: 0;
}

.padding-0 {
  padding: 0;
}

.position-relative {
  position: relative;
}

.absolute-full {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.element-mobile {
  display: none !important;
}

.section-title-spacing {
  margin: 0 0 80px;
}

.page-section-spacing {
  padding: 80px 0px;
}

.page-section-spacing-small {
  padding: 50px 0px;
}

.page-section-spacing-top {
  padding: 80px 0px 0;
}

.page-section-spacing-bottom {
  padding: 0 0px 80px;
}

.page-section-spacing-bottom-small {
  padding: 0 0px 50px;
}

.page-header-summary {
  padding: 80px 0px;
}

.page-header-summary * {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.page-header-summary p {
  width: 100%;
  max-width: 966px;
}

.flex-box {
  display: flex;
}

.flex-column {
  flex-flow: column;
}

.flex-row {
  flex-flow: row;
}

.flex-wrap {
  flex-wrap: wrap;
}

.flex-end {
  justify-content: flex-end;
}

.flex-1 {
  flex: 1;
}

.full-width {
  width: 100%;
  max-width: 100%;
}

.full-height {
  height: 100%;
  max-height: 100%;
}

.align-center {
  align-items: center;
}

.justify-center {
  justify-content: center;
}

.justify-space-between {
  justify-content: space-between;
}

.flex-box .flex-child {
  padding-left: 15px;
  padding-right: 15px;
  width: 100%;
}

.flex-box .flex-second {
  width: 50%;
}

.flex-box .flex-third {
  width: calc(100% / 3);
}

.flex-box .flex-fourth {
  width: 25%;
}

.flex-box .flex-fifth {
  width: 20%;
}

.box-shadow {
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
}

/* Utility for the elegant serif display text */
.font-display {
  font-family: "Abhaya Libre", serif;
  line-height: 1.1;
}

/* Utility for the clean UI labels */
.font-ui {
  font-family: "Manrope", sans-serif;
  font-size: 0.75rem;
  letter-spacing: 0.1em;
}

/* Glass effect for navigation/overlays */
.glass-panel {
  background: rgba(255, 255, 255, 0.05);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

/* Custom underline effect for links */
.link-underline {
  position: relative;
  text-decoration: none;
}

.link-underline::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 1px;
  bottom: -2px;
  left: 0;
  background-color: currentColor;
  transform: scaleX(0);
  transform-origin: bottom right;
  transition: transform 0.3s ease-out;
}

.link-underline:hover::after {
  transform: scaleX(1);
  transform-origin: bottom left;
}

/* Image overlay gradient */
.overlay-dark {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
}

/* Vertical text utility */
.vertical-rl {
  writing-mode: vertical-rl;
}

.language-popup-backdrop {
  position: fixed;
  left: 0;
  bottom: 0;
  top: 0;
  right: 0;
  display: flex !important;
  align-items: center;
  justify-content: center;
  z-index: 99998;
  opacity: 0;
  transition: opacity .3s;
  background-color: rgba(0, 0, 0, .6);
}

.language-popup-backdrop.show {
  opacity: 1 !important;
}


.language-popup-backdrop .language-popup-inner {
  width: 90%;
  max-width: 670px;
  background-color: var(--whiteColor);
  min-height: 30vh;
  border-radius: 8px;
  box-shadow: 0 5px 6px rgba(255, 255, 255, .35);
  padding: 40px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  transition: .3s;
  text-align: center;
}

.picked-sliders-track:not(.slick-initialized) {
  visibility: hidden;
  opacity: 0;
  max-height: 400px;
  overflow: hidden;
}

/* main menu */
#site-header .header-socket-wrapper {
  padding: 0px 0px !important;
}

#site-header .header-socket-wrapper .header-socket-inner-section {
  gap: 5px;
  border: solid 1px transparent;
  border-bottom-color: var(--whiteColor);
  padding: 5px 0px;
}

#site-header .header-socket-wrapper .header-socket-inner-section .site-header-socket-item {
  cursor: pointer;
  display: flex;
  align-items: center;
}

#site-header .header-socket-wrapper .header-socket-inner-section .site-header-socket-item a {
  font-family: 'Aspekta', 'Poppins', Arial, HelveticaNeue, "Helvetica Neue", Helvetica, sans-serif !important;
  font-size: 14px;
  line-height: 22px;
}

#site-header .header-main-wrapper {
  padding: 15px 0px;
}

#site-header .header-main-wrapper .header-main-inner-section {
  position: relative;
}


#site-header .site-main-menu-wrapper .site-main-menu .site-main-menu-item a {
  font-family: 'Aspekta', 'Poppins', Arial, HelveticaNeue, "Helvetica Neue", Helvetica, sans-serif !important;
  font-weight: 500;
  color: var(--whiteColor);
}

#site-header .site-main-menu-wrapper .site-main-menu .site-main-menu-item.active a,
#site-header .site-main-menu-wrapper .site-main-menu .site-main-menu-item a:hover {
  color: var(--lightBrownColor);
}

/* site header banner */
.site-header-banner-wrapper .site-header-banner-inner {
  position: relative;
}

.site-header-banner-wrapper .site-header-banner-inner .site-header-media-wrapper .site-header-media-main {
  padding-top: 100vh;
}

.site-header-banner-wrapper .site-header-banner-inner .site-header-media-wrapper .site-header-media-main video {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
}

.site-header-banner-wrapper .site-header-banner-inner .site-header-banner-content {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  text-align: center;
  background-color: rgba(0, 0, 0, .5);
}

.site-header-banner-wrapper .site-header-banner-inner .site-header-banner-content>.container {
  height: 100%;
}

.site-header-banner-wrapper .site-header-banner-inner .site-header-banner-content .site-header-banner-title {
  max-width: 900px;
  text-transform: capitalize;
}

.site-header-banner-wrapper .site-header-banner-inner .site-header-banner-content .site-header-banner-description {
  margin-top: 35px;
  max-width: 506px;
}

.site-header-banner-wrapper .site-header-banner-inner .site-header-banner-content .site-header-banner-actions {
  width: 100%;
  gap: 15px;
  margin-top: 20px;
}

.site-header-banner-wrapper .site-header-banner-inner .site-header-banner-content .btn-style {
  max-width: 275px;
}

.site-header-banner-wrapper .site-header-banner-inner .site-header-banner-content .site-header-banner-form {
  width: 100%;
  max-width: 1087px;
  background-color: var(--whiteColor);
  margin-top: 80px;
}

.site-header-banner-wrapper .site-header-banner-inner .site-header-banner-content .site-header-banner-form .site-header-banner-form-inner {
  padding: 0px 0px;
  position: relative;
}

.site-header-banner-wrapper .site-header-banner-inner .site-header-banner-content .site-header-banner-form .site-header-banner-form-inner .slitter {
  width: 1px;
  background-color: var(--lightGrayColor);
  height: 83px;
}

.site-header-banner-wrapper .site-header-banner-inner .site-header-banner-content .site-header-banner-form .site-header-banner-form-inner .site-header-banner-form-group {
  gap: 5px;
  padding: 20px 20px;
  flex: 1;
  justify-content: center;
}

.input-date-overlay {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 1;
}

.site-header-banner-wrapper .site-header-banner-inner .site-header-banner-content .site-header-banner-form .site-header-banner-form-inner .site-header-banner-form-control {
  font-family: 'Inter', 'Aspekta', 'Poppins', Arial, HelveticaNeue, "Helvetica Neue", Helvetica, sans-serif !important;
  font-size: 13px;
  padding: 10px 10px;
  border: none;
  font-weight: 500;
  background: none;
  appearance: none;
}

.site-header-banner-wrapper .site-header-banner-inner .site-header-banner-content .site-header-banner-form .site-header-banner-form-inner .site-header-banner-form-control.select-date {
  width: 100%;
  max-width: 190px;
  text-align: center;
}

.site-header-banner-wrapper .site-header-banner-inner .site-header-banner-form-group img {
  position: relative;
}

/* site footer widget area */
.site-footer-widget-wrapper .site-footer-widget-inner {
  position: relative;
  background-color: #FCF8F3;
  /* background-image: url(./summerhouse/images/leaf-bg.png); */
}

.site-footer-widget-wrapper .site-footer-widget-inner .site-newletter-banner-inner {
  gap: 15px;
}

.site-footer-widget-wrapper .site-footer-widget-inner .site-newletter-banner-child.left-child {
  max-width: 50%;
}

.site-footer-widget-wrapper .site-footer-widget-inner .site-newletter-banner-child.right-child {
  flex: 1;
}

.site-footer-widget-wrapper .site-footer-widget-inner .site-newletter-banner-child .form-title {
  margin-bottom: 5px;
}

.site-footer-widget-wrapper .site-footer-widget-inner .vertical-newsletter-form {
  display: flex;
  width: 100%;
}

.site-footer-widget-wrapper .site-footer-widget-inner .vertical-newsletter-form input[type="email"] {
  flex: 1;
}

.site-footer-widget-wrapper .site-footer-widget-inner .vertical-newsletter-form .btn-style {
  max-width: 148px;
}

/* site footer area */
.site-footer-wrapper .site-footer-inner .site-footer-inner-menu-group .site-footer-inner-menu-group-item.group-quick-link ul {
  columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
  column-gap: 60px;
}

.site-footer-wrapper .site-footer-inner .site-footer-inner-menu-group .site-footer-inner-menu-group-item .menu-group-title {
  border-bottom: 1px solid var(--brownColor);
  padding: 0px 0px 10px;
  margin: 0px 0px 10px;
}

.site-footer-wrapper .site-footer-inner .site-footer-socket-bottom {
  padding: 0px 0px 30px;
}

.site-footer-wrapper .site-footer-inner .site-footer-socket-bottom .site-footer-socket-bottom-inner {
  gap: 15px;
}

.site-footer-wrapper .site-footer-inner .site-footer-socket-bottom .site-footer-socket-bottom-inner p {
  margin: 0px;
}

/* property summary section */
.site-property-summary-wrapper .site-property-summary-inner .site-property-summary-inner-top {
  padding: 0px 0px 20px;
  margin: 0px 0px 30px;
  border-bottom: 1px solid var(--brownColor);
}

.site-property-summary-wrapper .site-property-summary-inner .site-property-summary-inner-top .site-property-summary-title {
  margin-bottom: 5px;
}

.site-property-summary-wrapper .site-property-summary-inner .site-property-summary-inner-main {
  display: flex;
  align-items: center;
  gap: 25px;
}

.site-property-summary-wrapper .site-property-summary-inner .site-property-summary-inner-main .site-property-summary-inner-main-child.left-child {
  width: 38%;
}

.site-property-summary-wrapper .site-property-summary-inner .site-property-summary-inner-main .site-property-summary-inner-main-child.right-child {
  width: 62%;
}

.site-property-summary-wrapper .site-property-summary-inner .site-property-summary-inner-main .site-property-summary-inner-main-child #property-summary-map {
  width: 100%;
  height: 100%;
  min-height: 350px;
}

.site-property-summary-wrapper .site-property-summary-inner .site-property-summary-inner-main .site-property-summary-inner-main-child .site-property-summery-image {
  padding-top: 56.25%;
}

.site-property-summary-wrapper .site-property-summary-inner .site-property-summary-inner-main .property-summary-rooms {
  gap: 15px;
}

.site-property-summary-wrapper .site-property-summary-inner .site-property-summary-inner-main .property-summary-rooms .property-summary-rooms-item {
  gap: 5px;
}

.site-property-summary-wrapper .site-property-summary-inner .site-property-summary-inner-main .property-summary-rooms p {
  margin-bottom: 0px;
}

.site-property-summary-wrapper .site-property-summary-inner .site-property-summary-inner-main .site-property-summary-pricing {
  margin: 15px 0px;
}

.site-property-summary-wrapper .site-property-summary-inner .site-property-summary-inner-main .site-property-summary-subtitle {
  margin: 0px 0px 15px;
}

.site-property-summary-wrapper .site-property-summery-images-slider-wrapper .site-property-summery-image-sliders:not(.slick-initialized) {
  max-height: 400px;
  overflow: hidden;
}

.site-property-summary-wrapper .csc-gallery__dots-v {
  top: unset;
  left: unset;
  right: 15px;
  bottom: 5px;
  transform: unset;
  flex-direction: row;
  margin: 0px;
}

/* site title section */
.site-title-wrapper .site-title-group {
  gap: 25px;
  padding-top: 30px;
  border-top: 1px solid var(--brownColor);
}

.site-title-wrapper .site-title-group .site-title-group-child.left-child {
  width: 100%;
  max-width: 425px;
}

.site-title-wrapper .site-title-group .site-title-group-child.right-child {
  flex: 1;
}

.site-title-wrapper .site-title-group .site-title-group-child.right-child p{
  max-width: 590px;
}

.site-title-wrapper.stack .site-title-group {
  flex-direction: column;
}

.site-title-wrapper.stack .site-title-group .site-title-group-child {
  width: 100%;
  max-width: 100%;
}

/* site summerfield house is for */
.site-summerfield-house-for-wrapper .site-summerfield-house-for-inner {
  background-color: #FCF8F3;
  overflow: hidden;
}


.site-summerfield-house-for-wrapper .slick-track {
  display: flex;
  gap: 15px;
}

.site-summerfield-house-for-wrapper .slick-track:before,
.site-summerfield-house-for-wrapper .slick-track:after {
  display: none;
}

.site-summerfield-house-for-wrapper .site-summerfield-house-for-inner .site-summerfield-house-for-item {
  width: 285px;
}

.site-summerfield-house-for-wrapper .site-summerfield-house-for-inner .site-summerfield-house-for-item .site-page-item-wrapper {
  margin-top: 25px;
  position: relative;
}

.site-page-item-bottom-gap {
  height: 69px;
  max-height: 69px;
  transition: max-height 0.4s ease;
}

.site-summerfield-house-for-wrapper .site-summerfield-house-for-inner .site-summerfield-house-for-item .site-page-image {
  padding-top: calc(130.87%);
  transition: padding-top 0.4s ease;
}

.site-summerfield-house-for-wrapper .site-summerfield-house-for-inner .site-summerfield-house-for-item .site-page-button {
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  opacity: 1;
  background-color: var(--blackColor);
  color: var(--whiteColor);
  border: none;
  top: calc(100% - 44px);
}

.site-summerfield-house-for-wrapper .site-summerfield-house-for-inner .site-summerfield-house-for-item .site-page-item-wrapper:hover .site-page-item-bottom-gap {
  max-height: 0px;
}

.site-summerfield-house-for-wrapper .site-summerfield-house-for-inner .site-summerfield-house-for-item .site-page-item-wrapper:hover .site-page-image {
  padding-top: calc(130.87% + 69px);
}

.site-summerfield-house-for-wrapper .site-summerfield-house-for-inner .site-summerfield-house-for-item .site-page-item-wrapper:hover .site-page-button {
  animation: topBounce 0.5s ease-in forwards;
}

.site-summerfield-house-for-wrapper .site-summerfield-house-for-inner .site-summerfield-house-for-item .site-page-item-wrapper .site-page-button {
  animation: bottomBounce 0.5s ease-in forwards;
}

@keyframes topBounce {
  0% {
    top: calc(100% - 44px);
    opacity: 1;
  }

  60% {
    top: 0px;
    opacity: 0.7;
  }

  80% {
    top: -6px;
    opacity: 0.7;
  }

  100% {
    top: 0px;
    opacity: 0.7;
  }
}

@keyframes bottomBounce {
  0% {
    top: 0px;
    opacity: 0.7;
  }

  60% {
    top: calc(100% - 44px);
    opacity: 0.7;
  }

  80% {
    top: calc(100% - 38px);
    opacity: 1;
  }

  100% {
    top: calc(100% - 44px);
    opacity: 1;
  }
}

#vcf-contact-wrapper #vcf-contact-response,
#vcf-contact-wrapper .error-message {
  color: var(--whiteColor);
  background-color: transparent !important;
  padding: 5px 0px 0px !important;
}

#vcf-contact-wrapper input:not([type="submit"]),
#vcf-contact-wrapper select,
#vcf-contact-wrapper textarea,
#vcf-contact-wrapper span {
  font-family: 'Abhaya Libre', 'Aspekta', 'Poppins', Arial, HelveticaNeue, "Helvetica Neue", Helvetica, sans-serif !important;
}

#vcf-contact-wrapper button {
  text-transform: uppercase !important;
}

.site-burger-menu-wrapper {
  position: relative;
  z-index: 99999;
}

.site-burger-menu-wrapper .site-burger-menu-inner .site-burger-menu {
  position: absolute;
  top: 50%;
  right: 0px;
  transform: translateY(-50%);
  width: 33px;
  height: 11px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.site-burger-menu-wrapper .site-burger-menu-inner .site-burger-menu .site-burger-menu-line {
  width: 100%;
  height: 2px;
  background-color: var(--whiteColor);
  transition: all 0.3s ease;
}

.site-burger-menu-wrapper .site-burger-menu-inner .site-burger-menu.active .site-burger-menu-line {
  background-color: var(--brownColor);
}

.site-burger-menu-wrapper .site-burger-menu-inner .site-burger-menu.active .site-burger-menu-line:nth-child(1) {
  transform: translateY(4.5px) rotate(30deg);
}

.site-burger-menu-wrapper .site-burger-menu-inner .site-burger-menu.active .site-burger-menu-line:nth-child(2) {
  transform: translateY(-4.5px) rotate(-30deg);
}

.site-mega-menu-wrapper .site-mega-menu-backdrop {
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 998;
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  background-color: rgba(var(--lightBrownRGBColor), 0.3);
  transition: all 0.3s ease;
}

.site-mega-menu-wrapper.show .site-mega-menu-backdrop {
  pointer-events: auto;
  opacity: 1;
  visibility: visible;
}

.site-mega-menu-wrapper .site-mega-menu-inner {
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  z-index: 998;
  max-height: 0px;
  overflow: hidden;
  height: 100vh;
  max-height: 0vh;
  background-color: var(--whiteColor);
  /* transition: max-height 0.2s ease; */
}

.site-mega-menu-wrapper.show .site-mega-menu-inner {
  max-height: 100vh;
}

.site-mega-menu-wrapper .site-mega-menu-inner {
  background-image: url(./summerhouse/images/bg-brown-grid-mega-50.png);
}

.site-mega-menu-wrapper .site-mega-menu-inner .mega-menu-list {
  padding: 0px;
  margin: 0px;
  list-style: none;
}

.site-mega-menu-wrapper .site-mega-menu-inner .mega-menu-list .menu-item a {
  font-size: 18px;
  line-height: 22px;
}

.site-mega-menu-wrapper .site-mega-menu-inner .mega-menu-list .menu-item {
  padding: 15px 0px;
}

.site-mega-menu-wrapper .site-mega-menu-inner .mega-menu-list .menu-item:not(:last-child) {
  border-bottom: 1px solid var(--brownColor);
}

.site-mega-menu-wrapper .site-mega-menu-inner .site-mega-menu-top {
  margin-top: 20px;
  width: calc(100% - 40px);
}

.site-mega-menu-wrapper .site-mega-menu-inner .site-mega-menu-top .site-mega-menu-top-language {
  gap: 10px;
}

.site-mega-menu-wrapper .site-mega-menu-inner .site-mega-menu-middle {
  padding: 15px 0px;
  position: relative;
}

.site-mega-menu-wrapper .site-mega-menu-inner .site-mega-menu-middle:before {
  content: "";
  display: block;
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: -30px;
  right: -30px;
  background-color: var(--whiteColor);
  z-index: -1;
}

/* ===========================================
   STYLE BOOKING ENQUIRY
   =========================================== */
.sf-section {
  background-color: var(--blackColor);
}

.sf-flex-column {
  flex-flow: column;
}

.sf-heading {
  margin: 0 0 30px;
}

.sf-col-left {
  flex: 0 0 38%;
}

.sf-col-right {
  flex: 1;
}

/* VCF field spacing */
.vcf-contact-control-wrapper {
  margin-bottom: 15px;
}

.sf-row-3 .vcf-contact-control-wrapper {
  margin-bottom: 0;
}

.sf-row-3 .vcf-contact-control-wrapper .input-style {
  width: 100%;
}

.sf-input--muted {
  color: #9ca3af;
}

/* Responsive 3-col row */
.sf-row-3 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-bottom: 15px;
}

#vcf-contact-wrapper .vcf-contact-control-wrapper .input-style.vcf-contact-control:not([type="checkbox"]):not([type="submit"]) {
  padding: 10px 15px;
  height: 48px;
  -webkit-appearance: none;
}

#vcf-contact-wrapper .vcf-contact-control-wrapper textarea.input-style.vcf-contact-control {
  height: unset !important;
}

#vcf-contact-wrapper .vcf-contact-control-wrapper .input-style.vcf-contact-control {
  border-radius: 0;
}

#vcf-contact-wrapper .vcf-contact-control-wrapper input[type="date"].input-style.vcf-contact-control {
  width: 100%;
  min-height: 51px;
  padding: 0 15px;
  box-sizing: border-box;

  appearance: none;
  -webkit-appearance: none;

  border: 1px solid #ccc;
  border-radius: 0;
}

#vcf-contact-wrapper .vcf-contact-control-wrapper select.input-style.vcf-contact-control option {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#vcf-contact-wrapper .vcf-contact-control-wrapper.vcf-contact-text {
  position: relative;
}

@media (min-width: 768px) {
  .sf-flex-column {
    flex-flow: row;
  }

  .sf-row-3 {
    flex-direction: row;
  }

  .sf-row-3>* {
    flex: 1;
  }
}

/* Override .btn-style full-width */
.sf-submit-btn {
  width: auto;
  display: inline-block;
  min-width: 150px;
}

.site-custom-header-wrapper .site-custom-header-inner {
  position: relative;
}

.site-custom-header-wrapper .site-custom-header-inner .bg-section {
  padding-top: 100vh;
}

.site-custom-header-wrapper .site-custom-header-inner .site-custom-header-content-wrapper {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 15px;
  background-color: rgba(0, 0, 0, .3);
}

.site-custom-header-wrapper .site-custom-header-inner .site-custom-header-content {
  width: 100%;
  max-width: 650px;
  min-height: 530px;
  background-color: var(--whiteColor);
  padding: 30px;
  z-index: 1;
}

.site-custom-header-wrapper .site-custom-header-inner .site-custom-header-content .site-custom-header-content-main {
  width: 100%;
  text-align: left;
}

.site-custom-header-wrapper:not(.fullwidth) .site-custom-header-inner .site-custom-header-content .site-custom-header-content-main {
  max-width: 335px;
}

body.page-404 .site-header-banner-wrapper {
  display: none;
}

.site-map-embed-wrapper .site-map-embed-inner #property-summary-map {
  height: 400px;
}

.site-property-summary-wrapper .site-property-summary-inner .site-property-summary-inner-main.has-booking-enquiries .site-property-summary-inner-main-child.left-child {
  flex: 1;
}

.site-property-summary-wrapper .site-property-summary-inner .site-property-summary-inner-main.has-booking-enquiries .site-property-summary-inner-main-child.right-child {
  width: 100%;
  max-width: 423px;
}

.site-property-summary-wrapper .site-property-summary-inner .site-property-summary-inner-main.has-booking-enquiries .site-property-summary-description {
  max-width: 700px;
}

.booking-enquiries-wrapper .booking-enquiries-inner {
  background-color: var(--blackColor);
  padding: 30px 30px;
}

.booking-enquiries-wrapper .booking-enquiries-inner h2 {
  margin: 20px 0px 20px;
}

.booking-enquiries-wrapper .booking-enquiries-inner .booking-enquiries-actions {
  gap: 15px;
  margin-top: 10px;
  width: 100%;
}

.site-summerfield-house-for-item-inner h4 {
  font-size: 20px;
}

.bg-image-leaf {
  background-image: url(./summerhouse/images/leaf-bg.png);
}

.hidden-section {
  display: none !important;
}

#booking-calendar {
  position: absolute;
  z-index: 9999;
  background: #fff;
  border-radius: 14px;
  box-shadow: 0 10px 40px rgba(0, 0, 0, .15);
  padding: 20px;
  width: 760px;
  top: -430px;
  left: 50%;
  transform: translateX(-50%) scale(.5);

  opacity: 0;
  transition: opacity .2s ease, transform .2s ease;

  z-index: 888;
}

#vcf-contact-wrapper #booking-calendar {
  top: -330px;
}

#booking-calendar .bc-year-select-wrapper {
  display: block;
  width: 80px;
  position: relative;
  border: 1px solid var(--blackColor);
  margin: 0px auto 15px;
}

#booking-calendar .bc-year-select-wrapper #bc-year-select {
  font-family: 'Inter', 'Aspekta', 'Poppins', Arial, HelveticaNeue, "Helvetica Neue", Helvetica, sans-serif !important;
  font-size: 13px;
  padding: 10px 30px 10px 10px;
  font-weight: 500;
  border: 0px;
  background: none;
  appearance: none;
  cursor: pointer;
  outline: 0px;
}

#booking-calendar .bc-year-select-wrapper:before {
  content: '';
  display: block;
  position: absolute;
  top: 12px;
  right: 10px;
  width: 7px;
  height: 7px;
  border: solid var(--blackColor);
  border-width: 0 1px 1px 0;
  transform: rotate(45deg);
  pointer-events: none;
}

#booking-calendar div:not(.text-font-AbhayaLibre),
#booking-calendar span,
#booking-calendar select {
  font-family: 'Aspekta', 'Poppins', Arial, HelveticaNeue, "Helvetica Neue", Helvetica, sans-serif !important;
}

#booking-calendar.active {
  opacity: 1;
  transform: translateX(-50%) scale(1);
}

#vcf-contact-wrapper #booking-calendar {
  left: calc(50% - 100px);
}

#booking-calendar.hidden {
  display: none;
}

/* HEADER */
.bc-header {
  display: grid;
  grid-template-columns: 40px 1fr 40px;
  align-items: center;
  margin-bottom: 16px;
}

#bc-prev,
#bc-next {
  width: 16px;
  height: 16px;
  border: 0px;
  border-right: 1px solid var(--brownColor);
  border-top: 1px solid var(--brownColor);
  transform: rotate(45deg);
  background-color: transparent;
}

#bc-prev {
  transform: rotate(-135deg);
  margin-left: 10px;
}


/* MONTH TITLE */
.bc-month-title {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  width: 100%;
}

.bc-month-title div {
  text-align: center;
}

/* MONTH GRID WRAPPER */
#bc-grid {
  display: flex;
  gap: 24px;
}

.bc-month {
  flex: 1;
}

/* WEEK */
.bc-week {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  text-align: center;
  color: #999;
  margin-bottom: 6px;
}

.bc-week div {
  padding: 6px 0;
}

/* DAYS */
.bc-days {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 0;
}

.bc-day,
.empty {
  width: 100%;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  user-select: none;
}

.empty {
  background: transparent;
}

/* DAY */
.bc-day {
  cursor: pointer;
  transition: none;
}

/* AVAILABLE */
.bc-day.available {
  background: #fff;
}

.bc-day.available:hover {
  background: #f5f5f5;
}

/* DO NOT HOVER SELECTED */
.bc-day.selected-start:hover,
.bc-day.selected-end:hover,
.bc-day.selected-range:hover {
  background: inherit;
}

/* WARNING */
.bc-day.warning {
  background: #D9B988;
  color: #fff;
}

/* BLOCKED */
.bc-day.blocked {
  background: #979797;
  color: #fff;
  text-decoration: line-through;
  pointer-events: none;
  opacity: .6;
}

/* RANGE */
.bc-day.selected-range {
  background: rgba(0, 0, 0, .08);
  border-radius: 0;
}

/* START + END */
.bc-day.selected-start,
.bc-day.selected-end {
  background: #111 !important;
  color: #fff;
}

/* KEEP BLACK ON HOVER */
.bc-day.selected-start:hover,
.bc-day.selected-end:hover {
  background: #111 !important;
  color: #fff;
}

/* CONTINUOUS RANGE */
.bc-day.selected-range.bc-day.selected-start {
  border-radius: 8px 0 0 8px;
}

.bc-day.selected-range.bc-day.selected-end {
  border-radius: 0 8px 8px 0;
}

/* SINGLE DAY */
.bc-day.selected-start.selected-end {
  border-radius: 8px;
}

/* ACTIONS */
.bc-actions {
  display: flex;
  gap: 10px;
  margin-top: 16px;
}

.bc-actions .btn-style {
  max-width: unset !important;
}

/* LEGEND */
.bc-legend {
  display: flex;
  gap: 24px;
  align-items: center;
  justify-content: center;
  margin-top: 20px;
  margin-bottom: 20px;
}

.bc-legend-item {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #666;
}

.bc-legend-color {
  width: 16px;
  height: 16px;
  border-radius: 4px;
  display: block;
}

.bc-legend-color.available {
  background: #fff;
  border: 1px solid #ddd;
}

.bc-legend-color.warning {
  background: #D9B988;
}

.bc-legend-color.blocked {
  background: #979797;
}

.bc-app-wrapper {
  text-align: center;
}

input.select-date {
  cursor: pointer;
}

.pricing-popup-backdrop {
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  background-color: rgba(0, 0, 0, .5);

  opacity: 0;
  pointer-events: none;
  transition: opacity .3s ease;
  z-index: 999;
}

.pricing-popup-backdrop.showing {
  opacity: 1;
  pointer-events: all;
}

.pricing-popup-backdrop .pricing-popup-wrapper {
  width: calc(100% - 30px);
  max-width: 400px;
  border-radius: 8px;
  padding: 25px;
  background-color: var(--whiteColor);
}

.booking-calendar-notice-backdrop {
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  background-color: rgba(0, 0, 0, .5);

  opacity: 0;
  pointer-events: none;
  transition: opacity .3s ease;
  z-index: 9999;
}

.booking-calendar-notice-backdrop.showing {
  opacity: 1;
  pointer-events: all;
}

.booking-calendar-notice-backdrop .booking-calendar-notice-wrapper {
  width: calc(100% - 30px);
  max-width: 400px;
  border-radius: 8px;
  padding: 25px;
  background-color: var(--whiteColor);
}

.scrolling-text-wrapper {
  display: none;
}

#site-footer .scrolling-text-wrapper {
  display: block;
}

.site-header-socket-embed-wrapper {
  gap: 10px;
}

.site-header-socket-embed-wrapper .site-header-socket-item-wrapper {
  gap: 5px;
}

.site-header-socket-embed-wrapper .site-header-socket-item-wrapper.item-socket-contact-wrapper {
  gap: 10px;
}

.site-header-socket-embed-wrapper .site-header-socket-item-wrapper.item-socket-contact-wrapper a:hover {
  color: var(--lightBrownColor);
}

.site-header-socket-embed-wrapper .site-header-socket-item-wrapper .site-header-socket-item-group {}

.select-date-overlay-wrapper {
  position: relative;
}

.select-date-overlay-wrapper input.select-date {
  pointer-events: none;
}

.select-date-overlay-wrapper .select-date-overlay {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 1;
  cursor: pointer;
}