/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */
[data-id="ac3dce5"] {
    background-size: 100% 100% !important;
}
.vertical-parallax {
    position: relative;
    overflow: hidden;
    isolation: isolate;

    --parallax-y: 0px;
    --parallax-background: none;
}

/* Moving background */
.vertical-parallax::before {
    content: "";

    position: absolute;

    top: -20%;
    left: 0;

    width: 100%;
    height: 140%;

    z-index: -1;

    background-image: var(--parallax-background);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;

    transform: translate3d(
        0,
        var(--parallax-y),
        0
    );

    will-change: transform;

    pointer-events: none;
}

/* Elementor content */
.vertical-parallax > * {
    position: relative;
    z-index: 1;
}



/* Booking Info Card Styles */

.booking-card {
 width:100%;
  margin: 0 auto;
  border-radius: 6px;

  color: #2b2b2b;
}
.rf-widget .reserve__select:focus-visible {
    border: 0px;
}
.booking-header h2 {
  font-size: 42px;
  font-weight: 400;
  margin: 0 0 8px;
  color: #3A2A1E;
}

.booking-header h2 span {
  font-size: 18px;
  color: #3A2A1E;
  margin-left: 8px;
  vertical-align: middle;
	font-family: "Avenir Light", Sans-serif;
}
.white span{
	color: #fff !important;
}
.white .value{
	color: #fff !important;
}
.white .label{
	color: #fff !important;
}
.white .booking-header h2 {
	color: #fff;
}
.booking-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 14px 0;
  border-top: 1px solid #ddd8d1;
  font-size: 15px;
}

.booking-row .label {
  color: #2C2C2C;
	font-size:20px;
}

.booking-row .value {
  color: #945631;
  font-weight: 600;
	font-size:20px;
  text-align: right;
}

.booking-note {
  border-top: 1px solid #ddd8d1;
  padding-top: 14px;
  margin-top: 4px;
  padding-bottom: 8px;
  font-size: 13px;
  color: #6b6b6b;
  line-height: 1.5;
}
/* Feature Strip Styles */

.feature-strip {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding: 18px 10px;
  max-width: 100%;
  margin: 0 auto;
 font-family: "Avenir Regular", Sans-serif;
}

.feature-item {
  color: #945631;
font-style: normal;
line-height: normal;
	 font-family: "Avenir Regular", Sans-serif;
font-size: 24px;
  font-weight: 500;
  padding: 0px 25px;
  position: relative;
  white-space: nowrap;
}

/* Vertical dashed separator between items, not after the last one */
.feature-item:not(:last-child)::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  height: 24px;
  border-right: 1px solid #945631;
}
.footer-glass {
    border-radius: 2px;
    background: rgba(44, 44, 44, 0.20) !important;
    backdrop-filter: blur(7px);
    -webkit-backdrop-filter: blur(7px);
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
}
/* Tablet */
@media (max-width: 768px) {
  .feature-item {
    font-size: 16px;
    padding: 6px 14px;
	  font-weight:500;
  }
	.booking-header h2 {
    font-size: 36px;
    
}
	.booking-row .value {
    font-size: 16px;
}
	.booking-row .label {
    font-size: 16px;
}
}

/* Mobile: stack items vertically, drop vertical separators, use horizontal dashed dividers */
@media (max-width: 480px) {
  .feature-strip {
    flex-direction: column;
    padding: 14px;
  }

  .feature-item {
    width: 100%;
    text-align: center;
    padding: 10px 0;
  }

  .feature-item:not(:last-child)::after {
    content: "";
    position: absolute;
    left: 50%;
    right: auto;
    top: auto;
    bottom: 0;
    transform: translateX(-50%);
    width: 100%;
    height: 0;
    border-right: none;
    border-bottom: 1px solid #945631;
  }
}

/* Elementor Newsletter Signup — Custom Style */

.newsletter .elementor-form-fields-wrapper.elementor-labels- {
  display: flex;
  align-items: center;
 
  border-radius: 2px;
  background: transparent;
  padding: 0;
  max-width: 900px;
  width: 100%;
}
.newsletter .elementor-field-textual {
    font-size: 14px;
    line-height: 1.4;
    min-height: 35px;
    padding: 5px 14px;
}
.newsletter .elementor-form-fields-wrapper {
    display: flex;
    flex-wrap: wrap;
 
	padding:10px;
}
/* Email field wrapper */
.newsletter .elementor-field-group.elementor-field-group-email {
  flex: 1;
  position: relative;
 margin-bottom:0px !important;
}

/* "YOUR EMAIL" floating label look — using placeholder + label stacked */
.newsletter .elementor-field-group-email .elementor-field-label {
  position: static !important;
  display: block !important;
  clip: auto !important;
  width: auto !important;
  height: auto !important;
  overflow: visible !important;
  color: rgba(255, 255, 255, 0.75);
  font-size: 12px !important;
  font-weight: 600;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  margin-bottom: 0px;
	padding-bottom:0px;
}
.newsletter input:-internal-autofill-selected {
	background-color:transparent;
	color:#fff;
}
shark-icon-container,
[data-sharkidcontainer],
surfhark-icon,
[data-sharkidicon] {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}
/* Input field */
.newsletter .elementor-field.elementor-field-textual {
  background: transparent;
  border: none;
  outline: none;
  box-shadow: none;
  color: #ffffff;
  font-size: 18px;
  padding: 0;
  width: 100%;
}

.newsletter .elementor-field.elementor-field-textual::placeholder {
  color: rgba(255, 255, 255, 0.7);
  font-size: 18px;
}

/* Submit button wrapper */
.newsletter.elementor-field-group.e-form__buttons {
  border-left: 1px solid rgba(255, 255, 255, 0.5);
  height: 100%;
  align-self: stretch;
  display: flex;
}

/* Submit button as an arrow icon */
.newsletter .elementor-button {
  background: transparent;
  border: none;
  color: #ffffff;
  cursor: pointer;
  padding: 0 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  min-width: 50px;
}

/* Hide the "Send" text and show an arrow instead */
.newsletter .elementor-button .elementor-button-text {
  font-size: 0;
}

.newsletter .elementor-button .elementor-button-text::after {
  content: "\2192"; /* right arrow */
  font-size: 26px;
  color: #ffffff;
}

.newsletter.elementor-button:hover .elementor-button-text::after {
  opacity: 0.7;
}
.footer-glass{
	border-radius: 2px;
    background: rgba(44, 44, 44, 0.20) !important;
    backdrop-filter: blur(7px);
    -webkit-backdrop-filter: blur(7px);    
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
}
 
/* Responsive */
@media (max-width: 600px) {
	[data-id="ac3dce5"] {
    background-size: 100% !important;
}
	
  .newsletter .elementor-form-fields-wrapper.elementor-labels- {
    flex-wrap: wrap;
  }

  .newsletter .elementor-field-group.elementor-field-group-email {
    padding: 5px 16px;
  }

  .newsletter .elementor-field.elementor-field-textual,
  .elementor-field.elementor-field-textual::placeholder {
    font-size: 12px;
  }

  .newsletter .elementor-button {
    padding: 0 20px;
    min-width: 70px;
  }
}




/* .stiky-scroll pins; footer slides up and overlaps it — desktop only */
@media (min-width: 1025px) {
  html.stiky2-on .stiky-scroll {
    position: sticky;
    top: 0;
    z-index: 1;
  }
  html.stiky2-on .stiky2-parent {
    padding-bottom: var(--stiky2-f, 0px);
  }
  html.stiky2-on .stiky2-footer {
    position: relative;
    z-index: 2;
    margin-top: calc(-1 * var(--stiky2-f, 0px));
  }
}